Как сделать hover эффект на нужное расстояние?

Question

[Игорь Мясников]

Как сделать ширину линии при Hover'е равную длине заголовка ,какая бы она не была? Заголовков несколько и все разной длины.
https://codepen.io/anon/pen/EmPRpy
Display: inline-block не подходит для решения проблемы в моем случае

Comments

[Hyubert]

оберни заголовни в контейнер, а з заголовков убери display: block;

[Игорь Мясников]

Hyubert: а средствами того же Less никак не получиться ?

[Сергей Грибок]

Hyubert: с языка сорвал)
только не убрать, а поменять на diplay:inline-block;
h2 вроде ж блочный элемент

[Hyubert]

Игорь Мясников: при чем здесь Less? я говорю о структуре, а Less - это css препроцесор, можно канешно както поизвращяться с псевдо-елементами, но кому жто нужно?

[Hyubert]

Сергей Грибок: возможно вы правы, уже й не помню, нужно поексперементировать )

Answer 1

[londhor]

Засунь заголовки в обертку, а задай анимацию для нее