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

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;
}