yan-k
9/18/2015 - 8:40 AM

CSS for Horizontal lines before and after a header element

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