I have a document containing elements with the structure:
...
<outer>
<left>
... markup ...
</left>
<right>
... markup
</right>
</outer>
I'd like the outer elements laid out as a one-row table, with the
<left> element on the left and <right> element on the right, both
taking 50% of the available width.
According to the CSS spec, giving <outer> display: table-row and
<left> and <right> display: table-cell should do the trick, but that
positions <left> and <right> one above the other as separate rows.
I've tried many combinations of table, table-row, table-row-group and
table-cell, but I can't get XXE to give me the layout I want.
What is the right mix of CSS display properties for this layout?
Thanks for any help.
--Nat
