€21.63 – €25.04
- In the
index.htmlfile, inside the<body>element, create a<nav>element. - Inside the
<nav>element, create an unordered list (<ul>) and add three list items (<li>). Each list item should contain an anchor (<a>) tag with a placeholder link (use#for now). - Style the navigation menu in
styles.css:- Remove the bullet points from the list by setting
list-style-type: none;for the<ul>. - Set the display property of the list items to
inlineso they appear horizontally. - Add padding and margin to the
<a>tags for spacing, and change their color to dark green.
- Remove the bullet points from the list by setting
- Save your files and view the results in your browser.
Tip: Use the :hover pseudo-class in CSS to change the color of the links when the user hovers over them.
