Вот пример, как такое сделать, что использовать?
h1 {
position: relative;
display: inline-block;
text-transform: uppercase;
padding-bottom: 10px; /* отступ от текста */
}
h1::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
width: 100px; /* длина */
background: #000;
margin: 0 auto;
}
<h1>Заголовок</h1>
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости