Alinhar à direita coluna de um panelGrid

Front-end
#1

Como eu faço para deixar todos os outputText abaixo alinhados à direita?

<p:panel header="Enter your passwords" 
		 style="width:400px; margin-left:auto; margin-right:auto;">
		<h:panelGrid columns="2">  
            <h:outputText value="Non-Feedback: " />  
            <p:password value="#{passwordBean.password1}" feedback="false" />  
  
            <h:outputText value="Feedback: " />  
            <p:password value="#{passwordBean.password2}" />  
  
            <h:outputText value="Inline Feedback: " />  
            <p:password value="#{passwordBean.password4}" inline="true" />  
  
            <h:outputText value="Custom Feedback: " />  
            <p:password value="#{passwordBean.password5}"  
                        inline="true"/>  
        </h:panelGrid>
</p:panel>

No link abaixo é possível ver este exemplo rodando:

http://www.primefaces.org/showcase/ui/password.jsf

#2

No exemplo tinha esse estilo? margin-left:auto; margin-right:auto;

#3

Eu faço dessa forma:
CSS

.colunaDireita{ text-align: left; } .colunaEsquerda{ text-align: right; }

Xhtml

<h:panelGrid columns="2" columnClasses="colunaEsquerda,colunaDireita">

#4

[quote=Diego Adriano]Eu faço dessa forma:
CSS

.colunaDireita{ text-align: left; } .colunaEsquerda{ text-align: right; }

Xhtml

<h:panelGrid columns="2" columnClasses="colunaEsquerda,colunaDireita"> [/quote]

Deu certo, obrigado

#5