JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   A centered div
   <p>A</p>
   <table border="1">
     <tr><td>centered</td><tr>
     <tr><td>div</td><tr>
   </table>
   <ul><li>A centered div</li></ul>
</div>

CSS

div {width:400px; text-align:center;}
table {margin: 0 auto;}
table td {text-align: left;}