JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="content">
        <canvas width="130" height="130"></canvas>
    </div>
    <div class="content">
        <canvas width="130" height="130"></canvas>
    </div>
    <div class="content">
        <canvas width="130" height="130"></canvas>
    </div>
</div>

CSS

div.container {
    width: 100%;
    text-align: justify;
    padding: 0 10%;
    box-sizing: border-box;
    background: red; /* just for testing */
}


div.content {
    display: inline-block;
    width: 20%;
    margin: 0 auto;
    background: black; /* just for testing */
}

div.container:after {
    content: "";
    width: 100%;
    display: inline-block;
}