JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" style="float: left">
    <div style="float: left">HEADER</div>
    <div style="border: 1px solid green;overflow:auto;">TEXT
        <div style="float: left">
            <div class="element">lorem ipsum dolor sit amet.</div>
            <div class="element">lorem ipsum dolor sit amet. lorem ipsum dolor sit amet.</div>
            <div class="element">lorem ipsum dolor sit amet.</div>
        </div>
    </div>
</div>

CSS

html {
            width:100%
        }
        .container {
            /*width: 80%;*/
            /*margin: auto;*/
            border: 1px solid black;
        }
        .element {
            margin-left: 10px;
            margin-right: 10px;
            background-color: purple;
            float: left;
        }