CSS/表格：如何并排放置两个版本的文本？

Question

我正在尝试创建一个页面，其中包含与原始英文文本并行运行的文本的捷克语翻译。我的两篇文章几乎完成了。但我真的不确定如何将它们并排放置，以便它们并行运行。 （我认为坚持每个段落在两种语言中都从相同的水平位置开始是太过分了，但我确实认为对十三个部分中的每一个都这样做是个好主意。）

Here 是捷克文

Here是英文文本

我收到了一些关于使用表格的建议，但我不知道它是如何工作的。我绝对会感谢任何帮助。

Answer 1

我同意一张桌子可能是最好的选择。这是将它们分成 2 列的简单代码。

<table width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td>English Version</td>
    <td>Czech</td>
  </tr>
</table>

您需要确保列根据屏幕尺寸变大/变小。您可以通过将列设置为 X 百分比或 X 像素的宽度来执行此操作。像素将使它们成为静态宽度百分比将为您提供动态宽度。