JSFiddle - React, Tailwind, and code Playground

by nottrobin

HTML

<header>
    This is a header
</header>
<article>
    <h1>Article</h1>
    <section id="introduction">
        <p class="one">
            Lorem ipsum dolor set amet.
        </p>
        <p class="two">
            Lorem ipsum dolor set amet.
        </p>
        <p class="three">
            Lorem ipsum dolor set amet.
        </p>
        <p class="four">
            Lorem ipsum dolor set amet.
        </p>
        <p class="five">
            Lorem ipsum dolor set amet.
        </p>
        <p class="six">
            Lorem ipsum dolor set amet. 
        </p>
    </section>
</article>

CSS

body {padding: 0;}
header, article, section {display: block;}
.one   {font-family: arial;}
.two   {font-family: verdana;}
.three {font-family: tahoma;}
.four  {font-family: futura;}
.five  {font-family: helvetica;}
.six   {font-family: Franklin Gothic;}