Подчеркивание текста так же, как на макете

[asyntrail]

Здравствуйте! Помогите, пожалуйста, реализовать подчеркивание текста в соответствии с примером, показанным на макете. Фрагмент макета -

Вот, что получилось у меня https://asyntrail.github.io/project/  при изменение масштаба страницы полоса подчеркивания пропадает !?

[John106]

1 час назад, asyntrail сказал:

C after не получилось, сделал немного по другому https://jsfiddle.net/asyntrail/6bthsqdr/4/ . Спасибо за подсказку!

Я думаю что так будет намного лучше: https://jsfiddle.net/6bthsqdr/6/

Edited April 24, 2017 by John106

[Vlad_P]

<div.h3>ваш текст</div>

.h3::after {display:block; margin:5px auto 0; width:30px; border-top:1px solid #eee;}

[asyntrail]

В 22.04.2017 в 19:15, Vlad_P сказал:

<div.h3>ваш текст</div>

.h3::after {display:block; margin:5px auto 0; width:30px; border-top:1px solid #eee;}

C after не получилось, сделал немного по другому https://jsfiddle.net/asyntrail/6bthsqdr/4/ . Спасибо за подсказку!

[asyntrail]

11 минуту назад, John106 сказал:

Я думаю что так будет намного лучше: https://jsfiddle.net/6bthsqdr/6/

Да, так лучше. Спасибо!

[Vlad_P]

Забыл про content я его обычно указываю в стилях для всего, если не на bootstrap