For some reason the elements in my navbar are stacking on top of each other instead of beside each other, how do I solve this?
Here’s my HTML:
<nav id="nav-bar" >
<a class="features" href="#features"> Features </a>
<a class="how-it-works" href="#features"> How it works </a>
</nav>
</header>
</body>
Here’s my CSS:
a {
text-decoration: none;
color: black;
font-weight: 100;
display: block;
position: absolute;
top: 50px;
float: left;
}