Adds Lines lines to either side of a text item: - Title -

fancy-h-tag.less

@fancy-color: #333; 

.fancy{
  overflow: hidden;
  text-align: center;
	  span {
  	  	display: inline-block;
		position: relative;  
		&:before, &:after {
			content: "";
			position: absolute;
			height: 5px;
			margin-top: 17px;
			border-bottom: 1px solid @fancy-color;
			border-top: 1px solid @fancy-color;
			top: 0;
			width: 600px;
		  }
		  &:before{
			  right: 100%;
			  margin-right: 15px;
		  }
		  &:after{
			  left: 100%;
			  margin-left: 15px;
		  }
	 }
}

html.htm

<h3 class="fancy"><span>Example</span></h3>