<table>
<tr>
<td>
<div class="mr-3">
<!-------------左侧 ← ← 内容---------------->
<span style="font-size:120px; font-weight: bold;">AAA</span >
<!-------------左侧 ← ← 内容---------------->
</div>
</td>
<td class="divider"></td>
<td>
<div class="ml-3">
<!-------------右侧 → → 内容---------------->
<span style="font-size:120px; font-weight: bold;">BBB</span >
<!-------------右侧 → → 内容---------------->
</div>
</td>
</tr>
</table>

<!-------------竖条虚线分割线---------------->
<style>
.divider {
border-left: 1px dashed #ccc;    /*--- 删掉 dashed 就是实线了 --*/
height: 100%;
}
</style>
<!-------------竖条虚线分割线---------------->