How to center jquery ui buttons?

Question

Adding this to CSS does not work:

.ui-dialog-buttonpane { text-align: center; }  

The buttons are still on the right side.

What should I do?

Answer 1

Ok. I also needed to remove the float. This works:

.ui-dialog .ui-dialog-buttonpane {      text-align: center; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {      float: none; } 

Answer 2

In my case I also needed to add !important to the float property

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {     text-align: center;     float: none !important; }