JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testData" style="padding:4px; width: 100%; border: 1px solid #999; background: #d1d1d1; text-align:right;">
    <span style="padding: 3px 1 1 1; float:left;">
         TestData: Float Left
    </span>    
</div>

CSS

#testData:after {
    clear: both;
    display: block;
    content: "";
}