JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <article>
        <p class="overflowHiddenMethod">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet nisl ornare urna vestibulum eu sodales urna dignissim. Sed posuere eros ut augue condimentum hendrerit. Fusce vel nulla dui, vel pellentesque sapien. Pellentesque et nibh in dui dictum molestie.</p>
    </article>
    <article>
        <p class="overflowAutoMethod">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet nisl ornare urna vestibulum eu sodales urna dignissim. Sed posuere eros ut augue condimentum hendrerit. Fusce vel nulla dui, vel pellentesque sapien. Pellentesque et nibh in dui dictum molestie.</p>
    </article>
    <article class="positionMethod">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet nisl ornare urna vestibulum eu sodales urna dignissim. Sed posuere eros ut augue condimentum hendrerit. Fusce vel nulla dui, vel pellentesque sapien. Pellentesque et nibh in dui dictum molestie.</p>
    </article>
    <div class="floatMethod">
    <article>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer laoreet nisl ornare urna vestibulum eu sodales urna dignissim. Sed posuere eros ut augue condimentum hendrerit. Fusce vel nulla dui, vel pellentesque sapien. Pellentesque et nibh in dui dictum molestie.</p>
    </article>
    </div>
</div>

CSS

#wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding-top: 20px;
}

article {
    width: 480px;
    margin: 1em auto;
    padding:.5em;
    background: ghostWhite;
    border: 1px solid #BDBDBD;    
    clear:both;
}

article p {
    padding: 0 20px;
    font-size: 13pt;
    color: black;
}

.overflowHiddenMethod {
    overflow:hidden;
}

.overflowAutoMethod {
    overflow:auto;
}

.positionMethod {
    position:relative;
}

.floatMethod {
    float:left;
    position:relative;
    right:-24%;
}