JSFiddle - React, Tailwind, and code Playground

by Trevor W

HTML

<ul>
  <li class="l1">1</li>
  <li class="l2">2</li>
  <li class="l3">3</li>
  <li class="l4">4</li>
  <li class="l5">6</li>
  <li class="l6">5</li>
  <li class="l7">7</li>
  <li class="l8">8</li>
  <li class="l0">9</li>
  <li class="l10">10</li>
  <li class="l11">11</li>
  <li class="l12">12</li>
</ul>

CSS

*{
  margin:0;
  padding:0;
}

ul{
  display: flex;
  align-items: stretch;
  /* align-items: stretch | flex-start | flex-end | center | baseline; */
}

li{
  list-style:none;
  border:1px solid black;
  height:40px;
  /* width:40px; */
  line-height:40px;
  text-align:center;
}

.l1{}