JSFiddle - React, Tailwind, and code Playground

by dirkcuys

HTML

<div class="section">
    <h2>Section Heading</h2>
    <p>Para 1</p>
    <p>Para 2</p>
</div>

CSS

.section h2:before {
    content: "";
    background: none repeat scroll 0 0 #FFBF00;
    float: left;
    height: 1px;
    overflow: hidden;
    width: 100%;
}
.section h2:after {
    content: "";
    background: none repeat scroll 0 0 #FFBF00;
    float: left;
    height: 1px;
    overflow: hidden;
    width: 100%;
}
.section h2 {
    color: #474747;
    background-image: url("http://reports.p2pu.org/assets/img/bgtexture.png");
    background-color: #EFF;
    font-family: 'Arvo',sans-serif;
    font-size: 2.8em;
    font-weight: 100;
    line-height: 100px;
    text-align: center;
}