JSFiddle - React, Tailwind, and code Playground

HTML

<h1>No indentation</h1>
<div class="container-no-indentation">
    <div>
        <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div>
    </div>
</div>

<h1>Indentation</h1>
<div class="container-indentation">
    <div>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
        <div>6</div>
        <div>7</div>
    </div>
</div>

CSS

.container-indentation, 
.container-no-indentation {
    width: 90%;
    margin: auto;
}

.container-no-indentation > div > div,
.container-indentation > div > div {
    display: inline-block;
    width: 12%;
    text-align: center;
    float: left;
}

.container-indentation > div:after {
    display: block;
    content: "";
    clear: left;
}
}