Tailwind CSS class .content-center

    <div class="h-40 w-96 p-2 bg-gray-200 flex flex-wrap content-center">
        <div class="px-10 py-2 bg-teal-400 rounded">1</div>
        <div class="px-10 py-2 bg-purple-400 rounded">2</div>
        <div class="px-10 py-2 bg-indigo-400 rounded">3</div>
        <div class="px-10 py-2 bg-teal-400 rounded">4</div>
        <div class="px-10 py-2 bg-purple-400 rounded">5</div>
        <div class="px-10 py-2 bg-indigo-400 rounded">6</div>
    </div>