Consider the following table structure:
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Can we ensure that the first two data cells and the last two data cells always take up 50% of the total width collectively? If one cell expands, the other will shrink to maintain their total width at 50% of the entire table. For example:
|1 |2 |3 |4 |
can transform into
|1 |2 |3 |4 |
where the position of 1 and 3 remains fixed, as does the position of 2 and 4.
NOTE: It would be preferred if this can be achieved without nesting within a second table to contain the pair of <td> elements.