Lines on Sides

heading-side-lines

// This puts a 1px line on either side of a heading
// ------- Like This -------
.lines-on-sides {
    display: table;
    text-align: center;
    white-space: nowrap;

    &:after,
    &:before {
        content: '';
        display: table-cell;
        width: 50%;
        background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
        background-clip: padding;
    }

    &:after {
        border-left: 1em solid transparent;
    }

    &:before {
        border-right: 1em solid transparent;
    }
}

This adds lines on either side of your heading.

<h1 class="lines-on-sides">Your Heading</h1>

Or use @extend .lines-on-sides in Sass