Horizontal line around title

index.jade

h1.has-lines Example Title

style.scss

$lines--content-gutter: 20px;
$lines--min-width: 20px;

.has-lines {
  display: flex;
  align-items: center;
  text-align: center;
  
  // IE10
  justify-content: center;

  &:before
  &:after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background: #ccc;
    min-width: $lines--min-width;
    
    // IE10
    display: inline-block;
    
    // IE9
    vertical-align: middle;
  }
  
  &:before {
    margin-right: $lines--content-gutter;
  }
  
  &:after {
    margin-left: $lines--content-gutter;
  }  
}