JSFiddle - React, Tailwind, and code Playground

HTML

<ul type="square">
<li><table><tr><td>Lorem ipsum</td></tr></table></li>
<li><table><tr><td>Lorem ipsum</td></tr></table></li>			
<li><table><tr><td>Lorem ipsum</td></tr></table></li>
<li><table><tr><td>Lorem ipsum</td></tr></table></li>
<li><table><tr><td>Lorem ipsum</td></tr></table></li>
</ul>

CSS

ul li {
	background: #ccc;
  font-size: 25pt;
}
 li  {
   border: 1px solid red;
 }
table {
   margin: 20px 0;
   border: 1px solid green;
   display: inline-block;
   vertical-align: middle;
}