<div class="my-6 prose max-w-[100ch]">
<table>
<thead>
<tr class="bg-black [&_*]:!text-white [&_p]:py-0 [&_p]:my-0 [&_>_th]:py-2">
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
</thead>
<tbody
class="
w-full duration-200 [&_p]:py-0 [&_p]:my-0 [&_td]:py-2 [&_td]:align-middle
[&_tr:nth-child(even)]:bg-grey-50
"
>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>
A<br>
B<br>
C<br>
</td>
</tr>
</tbody>
</table>
</div>