Приветствую!
Создаю свой первый сайт. Помогите пожалуйста понять и решить, почему при использовании атрибута border он делает отступ снизу от контента? Padding нигде не стоит в коде. Прикрепляю скрины как выглядит непонятный отступ и результат, который хочу достичь позже
Мой код:
HTML
<main>
<div class="menu text stroke">
<nav>
<a href="./Playlists.html">PLAYLISTS</a>
<a href="./LocalArtists.html">LOCAL ARTISTS</a>
<a href="./Shop.html">SHOP</a>
<a href="./Schedule.html">SCHEDULE</a>
<a href="./About.html">ABOUT</a>
<a href="./SendRespect.html">SEND RESPECT</a>
</nav>
</div>
</main>
CSS
.menu a {
font-size: 350%;
text-transform: uppercase;
border: 2px solid #363636;
