Listless HTML & CSS Nav bar - Can't get nav bar to expand with link padding

Trying to develop a sans-list or listless nav bar with just links. I'm using the Nav Tag and a bunch of links, but I can't seem to get the 'nav' tag to expand correctly (height-wise) with the padding provided in the 'a' tag.

nav{      background-color:midnightblue;      width:100%;  }    nav > a:link {      padding:5px;      font-size:.8em;      border-top:1px solid rgb(255, 255, 255);      border-left:1px solid rgb(255, 255, 255);      border-right:1px solid rgb(255, 255, 255);      text-decoration: none;      color:white;      background-color:rgb(119, 119, 172);      margin-right:.5em;      transition: background-color 0.3s ease;  }

<nav>    <a href="#">Home</a>    <a href="#">About</a>    <a href="#">Work</a>    <a href="#">Contact</a>  </nav>

https://stackoverflow.com/questions/66146422/listless-html-css-nav-bar-cant-get-nav-bar-to-expand-with-link-padding February 11, 2021 at 07:02AM