Вы можете использовать псевдоэлемент ::after для вставки горизонтальной линии после заголовка в CSS. Ниже приведен пример кода:
HTML: Заголовок CSS: h1::after {
content: "";
display: block;
border-bottom: 1px solid black;
} Этот код добавляет горизонтальную линию после текста заголовка, используя свойство border-bottom. Свойство content используется для создания пустого элемента ::after, а свойство display устанавливается на block, чтобы сделать элемент блочным и начать новую строку после заголовка.
Пожалуйста имейте ввиду, что этот пользователь забанен
.text {
box-sizing: border-box;
border-bottom: 4px solid #00C6BD;
} Создавать псевдоэлементы и отдельные элементы для этого в данном случае просто пердеж в лужу, нет в этом никакого смысла.