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