charlie8x
10/15/2017 - 10:34 AM

Line Behind Text

This snippet is to display line both side of your text

line-behind-text.css
content_copyfile_download
  /* START Line Behind Text */
  h1.title-name {
    display: table;
    white-space: nowrap;
  }

  h1.title-name:before,
  h1.title-name:after {
    border-top: 1.3px solid lightgrey;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%;
  }

  h1.title-name:before {
    right: 1.5%;
  }

  h1.title-name:after {
    left: 1.5%;
  }
  /* END Line Behind Text */