JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testData">
    <span>
         TestData: Float Left
    </span> 
</div>

CSS

#testData {
padding:4px; width: 100%; border: 1px solid #999; background: #d1d1d1; text-align:right;
}

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

#testData > span {
    padding: 3px 1px 1px;
    float:left;
}