Further investigation of CSS attribute - display: inline

Display a list of links as a horizontal menu:

The following example displays elements as block elements:

The above three lines demonstrate inheritence from the header <h3>

A common example is making inline <li> elements for horizontal menus:

• HTML
• CSS
• JavaScript

The element will still take up the same space as before. The element will be hidden, but still affect the layout:

This is a visible heading

This is a hidden heading

Notice that the h1 element with display: none; does not take up any space.