I'm trying to get the border indicated by the arrow to extend from the top to the bottom of the navbar, but I can't seem to find where the padding or margin is that's causing it to stop short.
Even after setting all padding and margin to 0px on the elements below, the line still won't reach all the way down. What am I missing? Any help would be greatly appreciated!
https://i.sstatic.net/cWwDt.png
Below is my code snippet for reference:
nav { /*navbar*/
border-bottom: 2px solid rgba(121, 85, 72, 0.7);
border-top: 2px solid rgba(121, 85, 72, 0.7);
width: 90%;
margin: 10px auto 30px auto;
}
nav > ul { /*all elements together on navbar*/
width: 90%;
text-align: center;
}
...
<header>
<nav>
...
</nav>
</header>