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;">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;
        }