JSFiddle - React, Tailwind, and code Playground

HTML

<h1>No indentation</h1>
<div class="container-no-indentation">
    <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;
    background: #DDD;
    
}

JavaScript

var noIndent = document.querySelector(".container-no-indentation > div");

for (var i = 0; i < 7;i++) {
    var div = document.createElement("div");
    div.innerHTML = i;
    noIndent.appendChild(div);
    noIndent.appendChild(document.createTextNode(' '));
}