<nav>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="index.php?about">About</a></li>
<li><a href="index.php?products">Products</a></li>
<li><a href="index.php?blog">Blog</a></li>
<li><a href="index.php?contact">Contact</a></li>
</ul>
</nav>
That list contains various items.
nav ul li{
list-style: none;
float: left;
}
nav ul li a{
text-decoration: none;
display: block;
float: left;
padding: 5px 15px;
color: white;
}
The current CSS properties are listed above, but I am struggling to center the elements. Despite my efforts to find a solution, I have not been successful due to my limited experience with CSS.