JSFiddle - React, Tailwind, and code Playground
by Dhanck
HTML
<table class="property-name-value-list">
<tbody>
<tr>
<td valign="top">Indents</td>
<td colspan="2">
<table class="property-name-value-list">
<tbody>
<tr>
<td>Top</td>
<td colspan="2"><b>1 cm</b></td>
</tr>
<tr>
<td>Right</td>
<td colspan="2"><b>1 cm</b></td>
</tr>
<tr>
<td>Bottom</td>
<td colspan="2"><b>1 cm</b></td>
</tr>
<tr>
<td>Left</td>
<td colspan="2"><b>1 cm</b></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>Orientation</td>
<td colspan="2" style="font-weight: bold;">Portrait</td>
</tr>
<tr>
<td>Height</td>
<td colspan="2"><b>30 cm</b></td>
</tr>
<tr>
<td>Width</td>
<td colspan="2"><b>21 cm</b></td>
</tr>
<tr>
<td valign="top">Header</td>
<td colspan="2">
<table class="property-name-value-list">
<tbody>
<tr>
<td>Show header</td>
<td colspan="2" style="font-weight: bold;">No</td>
</tr>
<tr>
<td valign="top">Indents</td>
<td colspan="2">
<table class="property-name-value-list">
<tbody>
<tr>
<td>Top</td>
<td colspan="2"><b>1 cm</b></td>
</tr>
<tr>
<td>Right</td>
<td colspan="2"><b>1 cm</b></td>
</tr>
<tr>
<td>Left</td>
<td colspan="2"><b>1 cm</b></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td...
CSS
table, tr{
width:100%;
}
tr td:nth-child(1), tr tr td:nth-child(1){
width:25%;
max-width:500px;
}