How to centered in column panelGrid

[chen young]

Hi,

I created the following panelGrid:

<p:panelGrid style="width:80%;margin:0px auto;">
            <p:row>
                <p:column>
                    <p:commandButton id="Button1" 
                                     value="View1" 
                                     icon="ui-icon-search"
                                     oncomplete="osDialog.show()"
                                     style="float: left;"
                                     update=":mainForm:codeMirror"/>
                    <p:commandButton id="Button2" 
                                     value="View2" 
                                     icon="ui-icon-search"
                                     oncomplete="osDialog.show()"
                                     style="margin:0px auto;"
                                     update=":mainForm:codeMirror"/>
                    <p:commandButton id="Button3" 
                                     value="View3" 
                                     icon="ui-icon-search"
                                     oncomplete="osDialog.show()"
                                     style="float: right"/>
                </p:column>
            </p:row>
        </p:panelGrid>

How can I centered the middle button to the center of the column ?
style "margin:0px auto;" is not working for Button2.

Thanks

[Tim Holloway]

One of the reasons why style classes are preferable to brute-force style specifications is that there are certain contexts where the "style" attribute cannot do the job. This is one of them.

.left {
    text-align: left;
}

.center {
     text-align: center;
}

.right {
     text-align: right;
}

.buttonPanel {
     text-align: center;
     width:80%;
     margin:0px auto;
}

<p:panelGrid styleClass="buttonPanel" columnClasses="left,middle,right">
  ....  

[chen young]

Thanks