JSFiddle - React, Tailwind, and code Playground

by Kazzkiq

HTML

<div id="divPrincipal" class="cf">
    <p>Conteúdo dentro da div</p>
</div>

CSS

#divPrincipal {
    border: 1px solid red;
}
#divPrincipal p {
    border: 1px solid blue;
    float: right;
}
.cf:before, .cf:after {
    content:" ";
    /* 1 */
    display: table;
    /* 2 */
}
.cf:after {
    clear: both;
}