JSFiddle - React, Tailwind, and code Playground

by gol ngaz²

HTML

<table border="1px solid black">
    <colgroup> <!-- ne fonctionne pas -->
        <col span="4">
    </colgroup>
    <caption style="caption-side: bottom;">Kumkat contre oeil poché, par sexe</caption>
    <thead>
        <tr>
            <th colspan="2" rowspan="2"></th>
            <th colspan="2" align="middle">Préférences</th>
        </tr>
        <tr>
            <th>Déguster les Kumquats</th>
            <th>Pocher un oeil</th>
        </tr>
    </thead>
    <tbody align="middle">
        <tr>
            <td valign="middle" rowspan="4">Sexe</td>
            <td>Hommes en dessous de 18 ans</td>
            <td>94%</td>
            <td>6%</td>
        </tr>
        <tr>
            <td>Hommes au-dessus de 18 ans</td>
            <td>73%</td>
            <td>27%</td>
        </tr>
        <tr>
            <td>Femmes en dessous de 18 ans</td>
            <td>34%</td>
            <td>66%</td>
        </tr>
        <tr>
            <td>Femmes au-dessus de 18 ans</td>
            <td>16%</td>
            <td>84%</td>
        </tr>
    </tbody>
    <tfoot align="middle">
        <tr>
            <td colspan="4">Note: les yeux pochés n'entrainent aucune lésion permanente</td>
        </tr>
    </tfoot>
</table>

CSS

.teste {
  border: 8px solid black;
}