JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
    <span>1</span>
    <span>2</span>
    <span>3</span>
</div>

<div class="menu2">
    <span>1</span>
    <span>2</span>
    <span>3</span>
</div>

CSS

div{height:50px;}
.menu { display: flex; justify-content: space-between; }
.menu2 { display: flex; justify-content: space-around; }