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

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;}