Как сделать чтобы при наведении на ссылку с ховером border-top:4px solid white; не прыгала надпись?

Question

[sutkin main]

Добрый день, подскажите пожалуйста как можно сделать так, чтобы при ховере с бордером(border-top:4px solid black) на ссылку не прыгала надпись, то есть чтобы оно не отодвигалась вниз?

Answer 1

[Ksider]

Элементу без ховера добавить
a {border-top:4px solid transparent; }
или цвет фона

Answer 2

[Андрей Буров]

a:hover {
  border-top:4px solid black;
  margin-top: -4px;
}

Answer 3

[sutkin main]

спасибо