Struggling with spacing out links on my class website. Here's the code I have:
body {
background-color: #eee;
}
nav {
width: 100%;
height: 100px;
background-color: #fff;
}
ul {
padding: 0;
margin: 0;
}
ul li {
list-style: none;
display: inline-block;
float: left;
line-height: 100px;
}
ul li a {
text-decoration: none;
font-size: 14px;
font-family: arial;
color: #1e1e1e padding: 0 20px;
}<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Me</a></li>
<li><a href="#">Contact Info</a></li>
</ul>
</nav>
</body>This is what it looks like currently:
https://i.sstatic.net/7a25T.png
Trying to evenly space the links using padding: 0 20px;. Need some help with this, thanks in advance!