JSFiddle - React, Tailwind, and code Playground

by Gordio

HTML

<article>
    <h2>Title 1</h2>
    <p>Lorem ipsum dolor...</p>
</article>
<article>
    <h2>Title 2</h2>
    <p>Lorem ipsum dolor...</p>
    <p>Lorem ipsum dolor...</p>
    <p>Lorem ipsum dolor...</p>
</article>
<article style="margin-top: -36px;">
    <h2>Title 3</h2>
    <p>Lorem ipsum dolor...</p>
    <p>Lorem ipsum dolor...</p>
</article>
<article>
    <h2>Title 4</h2>
    <p>Lorem ipsum dolor...</p>
</article>
<article style="margin-top: -18px;">
    <h2>Title 5</h2>
    <p>Lorem ipsum dolor...</p>
</article>

CSS

article {
    float: left;
    width: 50%;
    background: #FEE;
    border: 1px solid #AA8;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}