Заголовок с полосками по бокам

04 Июля 2016
css

Заголовок можно поставить как по середине так и слева и справа, все зависит от тега text-align, в примере заголовок по центру, а линии по бокам с отступами в 70px

Архитектура заголовка:

<h2><span>Заголовок</span></h2>
Стили для заголовка:
h2{ text-align:center;overflow:hidden;display:block;white-space:nowrap;}
h2>span{ position:relative;display:inline-block;}
h2>span:before,
h2>span:after{ content:"";position:absolute;top:50%;width:999px;height:1px;background:#000;}
h2>span:before{ right:100%;margin-right:70px;}
h2>span:after{ left:100%;margin-left:70px;}