JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li class="middle">Item 6 has more information and even a<br />Line break</li>
</ul>

CSS

ul{
  display:block
}
ul>li{
  display:inline-block;
  width:120px;
  margin-right:10px;
}
ul>li.top{
 vertical-align:middle;
}