¿Cómo centrar los botones de jquery ui?

Question

La adición de este a CSS no funciona:

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

Los botones están todavía en el lado derecho.

¿Qué debo hacer?

Answer 1

Ok. También necesitaba quitar el flotador. Esto funciona:

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

Answer 2

En mi caso yo también tenía que añadir la importante propiedad float

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