Left & right border lines next to text

left_right_line.html

<div class="left_right_lines">
    <span>
        <h6>Text with lines</h6>
    </span>
</div>

left_right_line.scss

.left_right_lines {
    width: 500px;
    margin: 0 auto;
    overflow: hidden;

    span {
        display: inline-block;
        position: relative;

        &:before, &:after {
            content: "";
            position: absolute;
            height: 5px;
            border-top: 1px solid $white;
            top: 10px;
            width: 700px;
        }

        &:before {
            right: 100%;
            margin-right: 15px;
        }

        &:after {
            left: 100%;
            margin-left: 15px;
        }
    }
}