CSSサブエレメントテキスト長が親エレメント幅を超えるテキスト中央揃え方法

            777        
    

ポイント:1.サブエレメントは、改行せずにインラインブロックレベルのエレメントを設定し、テキストの幅を実際に設定します.2.親要素の50%幅に基づいて右に移動し、親要素の中心点であるmargin-left:50%にデータム点を配置します.3.テキスト自体の幅に基づいて、テキストの長さの半分を左にずらします.すなわち、transform:translate X(-50%)です.