JSFiddle - React, Tailwind, and code Playground

by ChrisP

HTML

<div class="container">
    <span class="child">Hello 1</span>
    <span class="child">Hello 2</span>
    <span class="child">Hello 3</span>
    <span class="child">Hello 4</span>
    <span class="child">Hello 5</span>
    <span class="child">Hello 6</span>
    <span class="child">Hello 7</span>
    <span class="child">Hello 8</span>
    <span class="child">Hello 9</span>
</div>

CSS

.container {
    width: 400px;
}
.child {
    width: 100px;
    height: 1.2em;
    overflow: hidden;
    border: 1px solid black;
    margin-top: 10px;
    display: inline-block;
}