JSFiddle - React, Tailwind, and code Playground

by Alejandro M

HTML

<div class="parent">

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

    </ul>

</div>

CSS

.parent {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  background: green;
}

ul {
  float: none;
  position: relative;
  padding: 0;
  margin: auto;
  font-size: 0;
    background: yellow;

}



li {
  width: 200px;
  max-width: 200px;
  height: 100px;
  background: red;
  padding: 0;
  margin: 0;
  //display:inline-block;
  float:left;
}