JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span>Span 1</span>
    <span>Span 2</span>
    <span>Span 3</span>
    <span>Span 1</span>
    <span>Span 2</span>
    <span>Span 3</span>
    <span>Span 1</span>
    <span>Span 2</span>
    <span>Span 3</span>
    <span>Span 1</span>
    <span>Span 2</span>
    <span>Span 3</span>
</div>

CSS

div{
    width:75%px;
    border:1px red solid;
    text-align:justify;
    position:relative;
    padding-left:30px;
    padding-right:30px;
}
div span{
    display:inline-block;
    width:60px;
    border:1px yellow solid;
}
div:after {
    display:inline-block;
    width:100%;
    content:'';
}