CSS Bar (rule) with Decorative Icon Centered

CSS Bar (rule) with Decorative Icon Centered

by Andrew Pougher

HTML

<link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">
<h1 class="brand"> Andrew Pougher</h1>
<p> Creative Digital Design</p>

CSS

.brand{text-align:center;}

h1 + p {
    position: relative;
    padding-top: 1em;
    text-align:center;
    border-top: 0.2em double #333;
}

h1 + p:before {
    content: '\f005';
    position: absolute;
    top: -0.7em;
    left: 50%;
    margin-left: -0.5em;
    padding: 0 0.25em;
    background-color: #fff;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
}