Originally Posted by Chang
I'm quite doubtful but is there a way (preferably an easy way) to keep that layout so it would look same in different devices and monitors regardless the screen size?
Screen size is the real issue. Essentially you want to be able to control the size of the text in order to ensure that lines don't wrap, the rest is just simple justification and margin control.
Unfortunately, CSS2 doesn't have conditional rules that would be useful here. If you're targeting readers equipped with ADE, though, then you could take advantage of Adobe's page-template extension and the conditional styling it allows. See the section on dynamic styling here
. This can be used to set differing selector rules for different sizes of screen. Of course, this is non-standard and would only work on ADE readers (which are still the large majority of devices), but you can set the default rules to suit something like the iPad and then apply conditional rules to match ADE readers with smaller screens.