You wrap an item in a div, and you set display: flex and justify-content: center.<div class="wrapper"> ... </div> .wrapper { display: flex; justify-content: center; } Using Tailwind CSS it’s easier, all you have to do is to add the flex and justify-center classes:<div class...