Centering Text dans des colonnes de table avec colgroupes

Un défi commun dans les tables HTML aligne le texte centralement dans des colonnes spécifiques. Malgré l'utilisation de

Le nœud du problème réside dans les limites CSS. Seules quelques propriétés CSS sélectionnées, y compris la couleur arrière, s'appliquent aux colonnes. Malheureusement, Text-Align n'est pas parmi eux.

pour surmonter cet obstacle, une approche alternative est requise. Dans l'exemple donné, l'ajout des règles CSS suivantes centrera le texte dans toutes les cellules de table, à l'exception de la première colonne:

#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }

Cette solution exploite le fait que Text-Align s'applique aux cellules de table. Notez que cette méthode n'est pas compatible avec IE6, mais curieusement, dans IE6, Text-Align s'applique réellement (bien que incorrectement) aux colonnes.

De plus, le HTML fourni est non valide en raison d'un élément