JSFiddle - React, Tailwind, and code Playground

HTML

<div id="elems">
    <p class="el">lorem ipsum dolor amet...</p>
    <p class="el">lorem ipsum dolor amet...</p>
    <p class="el">lorem ipsum dolor amet...</p>
    <p class="el">lorem ipsum dolor amet...</p>
    <p class="el">lorem ipsum dolor amet...</p>
    <p class="el">lorem ipsum dolor amet...</p>
</div>

CSS

*{outline:1px solid cyan;}
#elems{
    width:390px;  /* w: 130 * 3 */
    overflow:hidden;
    background:gray;
    padding:10px 0 0 10px; /* top y left*/
}
.el{
    background:gray;
    float: left;
    width: 100px; 
    padding:10px;
    margin:0 10px 10px 0; /* right y bottom */
    /* total width: 100 + 20 + 10 */
}