JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>
</div>

CSS

div{
  text-align:center;
}
ul{
  list-style: none;
  display:inline-block;
  width:auto;
  padding:0;
  overflow:hidden;
}
li{
  width:200px;
  height:200px;
  margin:10px;
  background:#fff;
  display:inline-block;
}