CSS for Horizontal lines before and after a header element
h3.widgettitle {
font-weight: 300;
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
}
h3.widgettitle:before, h3.widgettitle:after {
position: absolute;
top: 50%;
overflow: hidden;
width: 48%;
height: 1px;
content: '\a0';
background-color: $color-grey-footer;
}
h3.widgettitle:after {
margin-left: 1.5%;
}
h3.widgettitle:before {
margin-left: -50%;
text-align: right;
}