pre-wrap actually kind of works on ADE. on the ipad the text is mangled (sometimes in kind of a charming way). using white-space:pre; worked for this poem on ADE, but the iPad cuts off any overflow on the right-hand side of the screen.
i also tested by putting the poem in <pre> tags, which yielded the same results in ADE and on the ipad. i used sigil to make the test book and it displayed in the preview panel as expected.
doubt there's too much actual use for this, but posting some screenshots here for posterity.
ADE with white-space:pre-wrap;
ADE with white-space:pre; first page (zoomed in a lot)
ADE with white-space:pre; second page
iPad with white-space:pre-wrap;
iPad with white-space:pre;
here's the css is was using:
Code:
.poem {
background-color:transparent;
font-size:.9em;
font-family:Inconsolata, Consolas, 'Courier New', Courier, monospace;
white-space:pre;
margin:0;
padding:0;
}
with <div class="poem"></div>.
the poem is called 'Homage to Dada', by Henri Chopin, written in 1965.