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>
</div>

CSS

div{
    width:230px;
    border:1px red solid;
    text-align:center;
}
div span{
    display:inline-block;
/*    margin:0 auto;    */
    width:60px;
    border:1px yellow solid;
}