CSS text-align プロパティ

<h1>, <h2>, and <h3> 要素にテキストの行揃えを指定します：

h1 {
    text-align: center;
}

h2 {
    text-align: left;
}

h3 {
    text-align: right;
}

他の "Try it Yourself" 例が下にあります。

定義と用法

text-align プロパティは、要素内テキストの横方向の行揃えを指定します。

デフォルト値：	>direction が ltr なら left、direction が rtl なら right
継承：	継承する
アニメーション可否：	不可。animatable を参照
バージョン：	CSS1
JavaScript 構文：	object.style.textAlign="right" Try it

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
text-align	1.0	3.0	1.0	1.0	3.5

値	説明	Play it
left	テキストを左揃えにします	Play it ❯
right	テキストを右揃えにします	Play it ❯
center	テキストを中央揃えにします	Play it ❯
justify	両端揃えにします	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照

この例は、より高度なテキストの行揃えのデモです：

h1 {
    text-align: center;
}

p.date {
    text-align: right;
}

p.main {
    text-align: justify;
}