hr {
    padding: 0;
    border: none;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));

    color: #fff;
    text-align: center;

    width: 300px;
}

hr:after {
    content:" Social";
    color:white;
    display: inline-block;
    position: relative;
    top: -2.5em;
    font-size: 1em;
    padding: 19px 1.75em;
    height: 50px;
}