文字の水平位置 【text-align】

※ブラウザで表示した時の見え方

text-align: left

text-align: center

text-align: right

※ソースサンプル

【CSS】
.left {
text-align: left
}
.center {
text-align: center
}
.right {
text-align: right
}
【HTML】
<p class="left">text-align: left</p>
<p class="center">text-align: center</p>
<p class="right">text-align: right</p>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説

オプション
auto文字を自動的に配置するtext-align: auto
left文字を左揃えにするtext-align: left
center文字を中央揃えにするtext-align: center
right文字を右揃えにするtext-align: right
justify文字を両端揃えにするtext-align: justify
機能