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

As demonstrated above, it's important to limit the number of top-level links in your horizontal navigation bar so users on smaller screens (such as laptops) are able to access all of your site's ...