JSFiddle - React, Tailwind, and code Playground

HTML

<p> This is one paragraph of text.</p>
<p> This is another paragraph of text.</p>

CSS

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

p + 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;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('http://fortawesome.github.com/Font-Awesome/assets/font/fontawesome-webfont.eot?v=3.0.1');
  src: url('http://fortawesome.github.com/Font-Awesome/assets/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('http://fortawesome.github.com/Font-Awesome/assets/font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('http://fortawesome.github.com/Font-Awesome/assets/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}