JSFiddle - React, Tailwind, and code Playground

by ftaran

HTML

<html>
<body>
    <div id="TableWrapper">
    <h1 id="table">Table</h1>
        <table>
            <th>column 1</th><th>column 2</th><th>column 3</th>
            <tr><td>c1</td><td>c2</td><td>c3</td></tr>
            <tr><td>c1</td><td>c2</td><td>c3</td></tr>
        </table>
    </div>
</body>
</html>

CSS

body{    
  margin-left:auto; 
  margin-right:auto;
  width:300px;
  border:1px solid black;
}
#tableWrapper
{   
  color:green; 
  align:center;
}

table{
    padding:2px;
    border:1px solid red;
}

th{
    padding:2px;
    border:1px solid red;
}

td{
    border:1px solid blue;
}