I've got a Text object in which I would like text to be split left and right aligned. As in the example below. The leading text is left aligned, and the trailing text is right aligned. I tried doing something equivilent to the htmlText below where the css is .rightalign{text-align:right} but this didn't work. Any other ideas?

leading text <span class='rightalign'>trailing text</span>
==========example========
in this one they should be on the same line
LEADING TEXT
trailing text

or if the left text takes up more space on the line, they can be on different lines

LEADING TEXT LEADING TEXT LEADING TEXT LEADING
trailing text