Линии вокруг текста
Один из способов вывода линий до и после текста на всю длину контейнера
Установка
Это куда вам удобно:
Это в CSS:
Установка
Это куда вам удобно:
Код
<h1>Текст</h1>
Это в CSS:
Код
h1 {
overflow: hidden;
position: relative;
margin: 0;
text-align: center;
white-space: nowrap;
}
h1:before,
h1:after {
content: '';
display: inline-block;
position: relative;
top: -1px;
width: 50%;
height: 1px;
vertical-align: middle;
background: black;
}
h1:before {
left: -10px;
margin-left: -50%;
}
h1:after {
left: 10px;
margin-right: -50%;
}
overflow: hidden;
position: relative;
margin: 0;
text-align: center;
white-space: nowrap;
}
h1:before,
h1:after {
content: '';
display: inline-block;
position: relative;
top: -1px;
width: 50%;
height: 1px;
vertical-align: middle;
background: black;
}
h1:before {
left: -10px;
margin-left: -50%;
}
h1:after {
left: 10px;
margin-right: -50%;
}
-D-I-N-I-S-
16.05.15 в 22:08
719
0
Источник