我怎样才能做到这一点：
<table border="0">
<tbody>
<tr>
<td style="margin-right:5px;">
<h2 id="optiona" class="option optiona optiona2">a. aa </h2>
</td>
<td style="margin-right:5px;">
<h2 id="optionb" class="option optionb optionb2">b. a </h2>
</td>
</tr>
<tr>
<td style="margin-left:5px;">
<h2 id="optionc" class="option optionc optionc2">c. aa </h2>
</td>
<td style="margin-left:5px;">
<h2 id="optiond" class="option optiond optiond2">d. </h2>
</td>
</tr>
</tbody>
</table>
使用类似这样的东西（和 CSS）：
<h2 style="display:inline;" id="optiona" class="option optiona optiona1">a. a </h2>
<h2 style="display:inline;" id="optionb" class="option optionb optionb1">b. aaa </h2>
<br />
<h2 style="display:inline;" id="optionc" class="option optionc optionc1">c. aaa </h2>
<h2 style="display:inline;" id="optiond" class="option optiond optiond1">d. aa </h2>
我也对JavaScript 和/或 jQuery
的选项持开放态度 我对内容的控制为零，它们可能相当长（如果太长，我需要它们包装，但我认为这是自动发生的）所以没有固定宽度。
在表格中，如果列中最长的单元格为 200px 宽，则整个列将为 200px，我将如何仅使用 html 和 css 来执行此操作？基本上需要 for h2 元素像这样排列：
a.aaaaa b.a
c.a d.aaa