## The "display" property

Common values:

- block
- inline
- none
- (flex)

### display: inline

Key points:

- remove list styling
- change from "block" to "inline" display

`ul { list-style: none; }`
`li { display: inline; }`

Example 6.1 - display: inline; - Example 6.1 (Without Styles)<nav><ul><li>Academics</li><li>Registration & Admissions</li><li>Resources Policies</li><li>Blog</li></ul></nav> nav ul { list-style: none; } nav ul li { display: inline; padding-left: 2em; }

- Markup
- Style

     <nav>
       <ul>
         <li>Academics
         </li>
         <li>Registration & Admissions
         </li>
         <li>Resources Policies
         </li>
         <li>Blog
         </li>   </ul> </nav>

In `style` element (`<style>`) within `head` element:

        nav ul { list-style: none; }
        nav ul li {
          display: inline;
          padding-left: 2em;
        }