Вопрос Как в css после заголовка вставить горизонтальную линию?

Регистрация
30 Май 2013
Сообщения
86
Репутация
0
Спасибо
0
Монет
0
210604716_ba65c261201719152c28047676fcc603_800.png

 
Можно к примеру через border-bottom задать как границу блока
 
или border-bottom у блока с текстом или отдельный блок с высотой 1мм или тег <hr>
 
Вы можете использовать псевдоэлемент ::after для вставки горизонтальной линии после заголовка в CSS. Ниже приведен пример кода:

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

© ChatGPT
 
используй псевдокласс after
 
<hr> и стилизовать его
 
Можешь сделать div настроив ширину и высоту, ну и стиль... Как вариант.
 
Пожалуйста имейте ввиду, что этот пользователь забанен
.text {
box-sizing: border-box;
border-bottom: 4px solid #00C6BD;
} Создавать псевдоэлементы и отдельные элементы для этого в данном случае просто пердеж в лужу, нет в этом никакого смысла.
 
Назад
Сверху