How to Get the Navigation Bar Under the Header in CSS. When you're coding a new website layout, it sometimes can be tricky to get the different elements in the exact positions you want. Something ...

The navigation bar will now look like: As you can see, we have a problem. The list items are presented together with no spaces between items. We can solve this by adding: nav ul li {float:left ...

Float (left, right) An element can be set to the left or right of its container, we do this by using the float property.