Aligning displayed text in JSF.

[v ray]

Hi guys,
How do I align one part of a message in the centre of the header and the other towards the right?
I tried doing this:

 
<f:facet name="header">
<h:outputText value="Show Date" />
<h:outputText value="US AirDate: 12.03.07 " style="text-align:right;" />
<h:messages style="color:red" />
</f:facet>
 

ie, I want show the US airdate to be displayed to the right extreme end of the header while "Show date" should be in the middle(default).
Tried a lot of things but it doesnt seem to work, anyone else tried or have experience with such a problem? Please help.

Thanks.
[ December 21, 2007: Message edited by: v ray ]

[Tim Holloway]

You have the right idea. JSF doesn't support styling, because CSS already does.

I use styles all the time, but in order to make it easier to "skin" a website, I prefer to use stylesheets instead of putting explicit style info on individual items. However, in JSF, instead of "class=", use the "styleClass=" attribute. They had to make that one small change since "class" is a reserved work in Java.

As to why your page isn't working, try viewing the generated HTML using your web browser's "view page source" function and see if the HTML style specs are OK.