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

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

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

 

Vas

Capitan

Vas

Capitan
Регистрация
16 Июл 2013
Сообщения
99
Репутация
0
Спасибо
0
Монет
0
Можно к примеру через border-bottom задать как границу блока
 
Регистрация
1 Дек 2013
Сообщения
94
Репутация
0
Спасибо
0
Монет
0
или border-bottom у блока с текстом или отдельный блок с высотой 1мм или тег <hr>
 
Регистрация
24 Июн 2013
Сообщения
79
Репутация
0
Спасибо
0
Монет
0
Вы можете использовать псевдоэлемент ::after для вставки горизонтальной линии после заголовка в CSS. Ниже приведен пример кода:

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

© ChatGPT
 
Регистрация
9 Дек 2012
Сообщения
94
Репутация
0
Спасибо
0
Монет
0
Можешь сделать div настроив ширину и высоту, ну и стиль... Как вариант.
 
Регистрация
21 Ноя 2013
Сообщения
96
Репутация
0
Спасибо
0
Монет
0
Пожалуйста имейте ввиду, что этот пользователь забанен
.text {
box-sizing: border-box;
border-bottom: 4px solid #00C6BD;
} Создавать псевдоэлементы и отдельные элементы для этого в данном случае просто пердеж в лужу, нет в этом никакого смысла.
 
Сверху Снизу