/* https://codepen.io/ericrasch/pen/Irlpm */
div.labelled-hr {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
    z-index: 1;
}
div.labelled-hr:before {
    border-top: 1px solid #eee;
    content:"";
    margin: 0 auto; /* this centers the line to the full width specified */
    position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%; left: 0; right: 0; bottom: 0;
    width: 100%;
    z-index: -1;
}
div.labelled-hr span { 
    /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
    background: #fff;
    color: #bbb;
    padding: 0 15px; 
}