Étiquette : centrer

[jQuery] Centrer horizontalement la partie déroulée d’un menu sur un libellé dont la largeur peut varier

horizontally_centered_dropdown

TODO : gérer les limites droite/gauche de la page.

Markup HTML :

Code jQuery :

[CSS] Aligner un texte verticalement avec display:table, display:table-cell et vertical-align:middle

Centrer un texte en hauteur avec CSS, dans un menu horizontal de navigation par exemple…

centrer_texte_en_hauteur

Simulation : http://jsfiddle.net/frontenddeveloper/Qrz58/16/

Une variante : le menu se comporte réellement comme un tableau HTML

variante

Simulation : http://jsfiddle.net/frontenddeveloper/5nkFV/2/