Using a combination of HTML and CSS (Cascading Style Sheet) code to dictate the appearance of your navigation bar, you can create a consistent look and feel throughout your site.

Open your HTML file in a text editor. Ensure that the divider for the navigation bar, identified with a tag, is located directly following the divider for the header.

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