Линия от текста в разные стороны

gistfile1.txt

.title { 
position:relative;
z-index:1;
overflow:hidden; 
text-align:center;
}

.title:before, 
.title:after { 
content:'';
display:inline-block; 
width:100%; 
height:1px; 
background:#000; 
z-index:-1; 
position:relative; 
vertical-align:middle;
}

.title:before { 
right:20px;
margin:0 0 0 -100%;
}

.title:after {
left:20px;
margin:0 -100% 0 0;
}