HTML -макет для статического двуязычного текста? ⇐ Html

[Anonymous]

Имея двуязычный текст, я хочу отобразить абзацы рядом. До сих пор я использую простую таблицу для каждой главы, затем горизонтальной линии, затем снова для следующей главы. Каждый абзац расположен внутри TD , два связанных параграфа формируют один tr . Таким образом, соответствующие абзацы выровнены по горизонтали. Результат прост и почти удовлетворительен:

Источник HTML выглядит как:



table { width: 100%; }
td { padding-right: 2em; vertical-align: top; width: 50%; }
.no { padding-right: 1em; font-size: x-small; color: maroon; }
td img {display: block; margin-left: auto; margin-right: auto; }




This is the text in one language.
Toto je text v druhém jazyce.


This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.


This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.





Let the next chapter starts after the horizontal line.
Další kapitola je oddělena vodorovnou čárou.


This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.


This is a long text [...] needed.
Toto je dlouhý text [...] potřeby.




< /code>
Я хотел бы добавить функциональность, чтобы иметь возможность: или скрыть один из языков или перемещать разветвитель между языками. Цель состоит в том, чтобы представить выбранное язык и только тогда, когда пользователь хочет видеть обоих бок о бок.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... ngual-text