CSS / таблицы: как поставить две версии текста рядом?

Question

Я пытаюсь создать страницу, на которой чешский перевод текста выполняется параллельно с оригинальным английским текстом. У меня есть два текста в почти законченном состоянии. Но я действительно не уверен, как поставить их рядом, чтобы они работали параллельно. (Я думаю, что было бы слишком много настаивать на том, чтобы каждый абзац начинался в одном и том же горизонтальном месте на обоих языках, но я думаю, что это хорошая идея сделать это для каждого из тринадцати разделов .)

Здесь - чешский текст

Здесь - текст на английском языке

Я получил несколько предложений по использованию таблиц, но я понятия не имею, как это может работать. Я определенно буду признателен за любую помощь.

Answer 1

Я бы согласился, что стол, наверное, лучший путь. Вот простой код для размещения их в 2 столбца.

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

Вы хотите убедиться, что ваши столбцы становятся больше / меньше в зависимости от размера экрана. Вы можете сделать это, установив столбцы с шириной X процентов или X пикселей. Пиксели сделают их статической шириной, процент даст динамическую ширину.