Comment centrer les boutons jquery ui?

Question

L'ajout de ce CSS ne fonctionne pas:

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

Les boutons sont toujours sur le côté droit.

Que dois-je faire?

Answer 1

Ok. J'avais aussi besoin d'enlever le flotteur. Cela fonctionne:

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

Answer 2

Dans mon cas, j'ai aussi besoin d'ajouter important de la propriété float

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