Locate the section of the CSS file controlling the navigation bar. Add the following line of code to this section:clear:both;This moves the element below any floated object above it, ensuring that ...

Create an HTML section for your navigation bar. In the HTML file for the page you are working with, locate the section you wish to add the navigation bar to. Use a element to contain it as follows ...

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