tag div & centering a table row

[nic]

Hi,
I have some diffucults in centering table rows using <h:panelGrid>  tag.
So far I haven't found a specifing parameter to center my single row:
I used  <div align="center">:

 <h:panelGrid columns="1" align="center">    //beginning of my table
                <div align="center">
                        <h:outputText value="#{msgs['output.PasswordMsg']}" />
                </div>   // this doesn't work !!!

                <div align="center">
                        <h:commandButton 
action="#{passwordManager.checkPassword}" value="Check"
 /> </div>

</h:panelGrid>

I worked around using against a nested table, but it doesn't seem to me a
clean style:
 <h:panelGrid columns="1" align="center">

                <h:panelGrid columns="1" align="center">
                        <h:outputText value="#{msgs['output.PasswordMsg']}" />
                </h:panelGrid>

                <h:panelGrid columns="1" align="center">
                        <h:commandButton 
action="#{passwordManager.checkPassword}" value="Check"
 /> </h:panelGrid>

</h:panelGrid>

Can you suggest to me the right solution, please ?
Thank you,
Nic

-------------------------------------------------------