[RbnJrg]

What about a two columns layout? It works fine in some eReaders (i.e. Kindle) although not in ADE

h1 {
  clear: both;
  font-size: 1.4em;
  margin: 0;
  padding: 1em 0 2em;
  text-align: center;
}

h2 {
  font-size: 1.2em;
  margin: 0;
  padding: 1em 0 2em;
  text-align: center;
}

p {
  font-size: 1em;
  text-align: justify;
  margin-bottom: 1em;
}

.col1 {
float: left;
width: 50%;
}

.col2 {
float: left;
width: 50%;
}

div.col1 p {
  margin-left:0;
  margin-right: 0.75em;
}

div.col2 p {
  margin-left: 0.75em;
  margin-right: 0;
}

In the .xhtml file the code would be:

  <h1>Title</h1>

  <div class="col1">
    <h2>Title in one language</h2>

    <p>...Text in one language...</p>
...
...
  </div>

  <div class="col2">
    <h2>Title in another language</h2>

    <p>...Text in another language...</p>
...
...
  </div>

As you can see, no javascript