JSFiddle - React, Tailwind, and code Playground

HTML

<section class="top">
    <h1>test</h1>
    <p>some content</p>
    <div class="floated-div">
        <h2>aside content</h2>
        <p>some aside content</p>        
        <p>some aside content</p>
        <div class="clear"></div>
    </div>
    <div class="clear">
</section>
<section class="bottom">
</section>

CSS

.top{
    width: 60%;
    height:auto;
    background:#f1f1f1;
}
.floated-div{
    width:40%;
    position:absolute;
    right:0;
    top:0;
}
.clear{
    clear:both;
}
.bottom{
    width: 100%;
    height:100px;
    background:#d1d1d1;
}