Lines on both sides of title #sass

title-lines.scss

h1 {
  overflow: hidden;

  &::after,
  &::before {
    border-bottom: 4px solid black;
    content: '';
    display: inline-block;
    height: .1em;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin-bottom: .15em;
  }

  &::before {
    right: .5em;
    margin-left: -50%;
  }

  &::after {
    left: .5em;
    margin-right: -50%;
  }
}