Как растянуть border внизу такста который в контейнере?

Question

[Toy Boy]

Нужно сделать это таким

Comments

[historydev]

схвати по краям и в разные стороны потяни

[Froggyweb]

Для начала. картинка судя по всему с низким разрешением, не надо клиенту показывать это и картинки на 4000 тоже не стоит
шрифты не те
активный пункт - ,,,,,
и вообще код надо показывать. здесь еги никто не украдет 100%, если украдут, то можно гордится :)

[Toy Boy]

Froggyweb, вряд ли это тебе поможет)
.header__inner {
padding: 15px 0;
border-bottom: 2px solid #999;
}

[Froggyweb]

sdydno, мне точно. нет :) к ну 15px у тебя отобразилось. Что не так?

[Toy Boy]

уже сам решил)

Answer 1

[Уктам Хамидов]

Задай пунктам меню бордер при ховере с помощью псевдокласса :hover (.class-name:hover). Но ты столкнёшься с проблемой что при наведении текст будет дёргаться, чтобы избежать этого в основных стилях элемента (не внутри :hover) задай бордер с таким же размером но прозрачный (border-color: transparent), таким образом бордер при ховере будет просто перекрашиваться и текст не будет дёргаться.

Answer 2

[Николай Миронов]

Для li пропиши Ховер, пример:

.menu li {
   border-color: transparent;
   padding-bottom: 4px; (примерно)
   transition: all .2s;
}

.menu li:hover {
border-bottom: 1px solid #цвет;
}