Для разделения заголовка и подзаголовка часто используется полоска.
Это реализуется с помощью CSS. При этом существует 2 варианта.
Вариант 1.
[php]
<div class="color-line"></div>
.color-line {
margin: 20px 0;
}
.color-line:before {
display: block;
content: ‘ ‘;
position: relative;
left: 50%;
width: 90px;
margin-left: -45px;
height: 2px;
background-color: #00ADE1;
}
[/php]
Вариант 2.
[php]
<div class="title">Что нужно сделать для мечты? </div>
.title:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -70px;
width: 140px;
height: 3px;
background-color: #469FE3;
}
[/php]
