Как сверстать эту палку над текстом?

Question

[Алексей]

Добрый день. Люди добрые, подскажите, как сверстать такую палку над текстом. Когда-то давно видел похожее через position: relative и absolute, но тот туториал потерял и забыл.

Answer 1

[html-css]

заголовку задайте position relative
а before задайте position:absolute

палку :D

:bofore{position:absolute; left:0; top:-15px; width:50px; height:2px; background:#666; content:"";}

как то так

Answer 2

[Рома Зварич]

Можно пойти по долгому пути с использванием псевдоэлементов, а можно в одну строку это сделать.

Результат:
https://codepen.io/hisbvdis/pen/yLBvoar

Comments

[html-css]

то же вариант

можно вообще не париться и сделать так