Помню статью, в которой такую полосу делали для стилизации легенды(
legend)
Я оттуда утянул пару строк кода на
свой сайт (заголовки публикаций с линией)
Вот то, что утянул
.legend::before, .legend::after{
content: "";
position: relative;
display: inline-block;
width: 50%;
height: 2px;
vertical-align: middle;
background: none repeat scroll 0% 0% padding-box content-box #000;
}
.legend::before {
left: -0.5em;
margin: 0px 0px 0px -50%;
}
.legend::after {
left: 0.5em;
margin: 0px -50% 0px 0px;
}
Но этот код для полос по бокам блока, думаю, что его можно подогнать под линию между двумя блоками
