这是标记。我想在两个表之间添加一条垂直线。我不想在这里使用图像。我需要一个纯 html 解决方案。
<div>
<table width="50%" style="float:left">
<tr>
<td><p class="dotted">row 1, cell 1</p></td>
<td><p class="dotted">row 1, cell 2</p></td>
</tr>
<tr>
<td><p class="dotted">row 2, cell 1</p></td>
<td><p class="dotted">row 2, cell 2</p></td>
</tr>
</table>
<table width="50%" style="float:left">
<tr>
<td><p class="dotted">row 1, cell 1</p></td>
<td><p class="dotted">row 1, cell 2</p></td>
</tr>
<tr>
<td><p class="dotted">row 2, cell 1</p></td>
<td><p class="dotted">row 2, cell 2</p></td>
</tr>
</table>
</div>
像这张图片的东西