CSS/tables: parallel two columns for different languages?

Question

I'm trying to create a page that has the Czech translation of a text running in parallel with the original English text. I've got the two texts in a nearly finished state. But I'm really not sure how to put them side by side, so that they run in parallel. (I think it would be too much to insist that each paragraph begin at the same horizontal location in both languages, but I do think it's a good idea to do it for each of the thirteen sections.)

Here is the Czech text: http://www.dinkypage.com/124733

Here is the English text: http://www.dinkypage.com/137154

I've received some suggestions about using tables, but I have no idea how that might work. I'd definitely appreciate any help.

Answer 1

I have created a simple table structure as example. You can use CSS to style the table.

Example here: http://jsfiddle.net/peduarte/UU2AX/

Answer 2

Sounds like you need a table row (or CSS div, or whatever), running across the whole page, for each page/paragraph that you wish to be aligned. This would force shorter language to be padded with space at the end so that the next page/paragraph starts off in the right place.