Как реализовать такой border-bottom?

Question

[dmitriyivvvv]

Как реализовать такой border-bottom на :hover для меню навигации как на картинке:

Пробовал с помощью padding но при увеличении/уменьшении масштаба съезжает бордер.

Answer 1

[Алексей Орлов]

Так.

Comments

[dmitriyivvvv]

почти так но бордер должен находится за контейнером в вашем примере nav

[Алексей Орлов]

dmitriyivvvv, Откройте еще раз, переделал через псевдоэлемент

[dmitriyivvvv]

Алексей Орлов, Спасибо!

Answer 2

[Никита]

сделайте через псевдо элемент