JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<p>Tortor scelerisque pid tincidunt rhoncus platea mattis facilisis quis augue magna, tristique, placerat platea pellentesque pellentesque, odio tristique sed adipiscing enim! Risus vel vel, a, porttitor? Enim dictumst! Pid cursus porta dapibus, amet proin etiam nisi in rhoncus. Parturient mattis! Scelerisque augue, lacus dapibus placerat augue nec in nec urna sed aliquet vel turpis. Rhoncus, augue, nunc ridiculus, lectus proin?</p>
<hr/>
<p>Auctor pellentesque est? Nisi in quis velit cursus vut ridiculus odio a? Ut amet dapibus turpis amet placerat porttitor. Habitasse! Lacus, scelerisque arcu vut, mus velit magna turpis? Adipiscing et, ultricies aenean arcu scelerisque elementum aliquet rhoncus porta sagittis, ut amet, pellentesque duis urna, porttitor augue sit ut! Scelerisque auctor mattis pid augue, dignissim? Enim? Et egestas, amet, etiam dignissim.
</p>

CSS

body {
    padding: 2em;
    width: 50%;
    margin: 0 auto;
    font: 85% Arial, sans-serif;
}

p {
    margin: 1em 0;
}

hr {
    background-color:#999;
    border-width:0;
    color:#999;
    height:1px;
    line-height:0;
    margin: 0.5em 0;
    text-align: center;
}

hr:after {
    content:"\a7\a7";
    font-size:1.25em;
    position: relative;
    left: -0.5em;
}