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.

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 ...

Implementation (CSS) Float (left, right) Learn about how Cascading Style Sheets (CSS) can be used to style web pages. ... Horizontal navigation bars; Float (left, right) ...