JSFiddle - React, Tailwind, and code Playground

by Martin Sjåstad

HTML

<body>
    <div class="parent">
        <p>inside the parent</p>
        <div class="child_floated">floated child</div>
    </div>
</body>

CSS

.parent {
    width: 50px;
    background-color: red;
    /*margin-left: 50px;*/
    /*padding-left: 50px;*/
    font-size: 10mm;
}
.child_floated {
    /*padding: 0 1em;*/
    float: left;
    background-color: blue;
    font-size: 10pc
}