JSFiddle - React, Tailwind, and code Playground

by IagoSRL

HTML

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Number</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>John Smith</td>
            <td>20</td>
        </tr>
        <tr>
            <td>Iago Salgueiro</td>
            <td>6</td>
        </tr>
    </tbody>
</table>

CSS

table {
    width: 90%;
    margin: 30px;
}
table, td {
    border: 5px solid black;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
    -o-border-radius: 15px 15px 15px 15px;
}
td, th {
    padding: 10px;
}