JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

* {margin:0; padding:0;}
li {display:inline-block; height:100px; width:100px; background:salmon; margin:10px; }

ul{margin:0 auto; background:lightblue; text-align: center;}