Divider line with centered text

divider_with_centered_text_lines_left_right

// <div class="divider"><span>ADVERTISEMENT</span></div>


.divider {
            text-align: center;
            color: #999999;
            font-size: 11px;
            font-weight: 400;
            text-transform: uppercase;
            overflow: hidden;
            margin-bottom: 9px;
        }

        .divider:before,
        .divider:after {
            background-color: #d9d9d9;
            content: "";
            display: inline-block;
            height: 1px;
            position: relative;
            vertical-align: middle;
            width: 50%;
        }

        .divider:before {
            right: 0.5em;
            margin-left: -50%;
        }

        .divider:after {
            left: 0.5em;
            margin-right: -50%;
        }