I attach a small Tersus project that shows both ltr and rlt layouts, various vertical alignments, and background images stretched to cover the whole available space: CSS.tersus.
The CSS rules I used are defined in the web/theme.css file.
Note that the two panes (Left to Right and Right to Left) have exactly the same child elements. They differ because one of them is ltr and the other is rtl, and because the 'Init Bilingual Display' process initiates their label captions differently.
Also note the usage of CSS style classes in the html.styleClass property of each relevant display element:
If you run the project, you'll get the following:
For best results, use the Firefox browser..