文章を中央寄せにする

灰色背景がサンプルソース


サンプルソース

HTMLソース

<p class="tcenter">このclass="tcenter"を記述したタグ内に記述された文章を中央寄せで表示する。<br/>改行すると良く分かるかも？</p>

CSSソース

.tcenter {text-align:center;}

サンプル表示

→文章を中央寄せにする(サンプル)


解説

HTMLソース

文章を中央寄せにしたい箇所のタグに、スタイルシートで設定したclassを指定します。
ここでは、<p class="tcenter">〜文章〜</p>としています。


CSSソース

.tcenter {text-align:center;}と記述します。
これは、class="tcenter"を指定したタグでくくられた文章を「中央寄せで表示する」という意味です。
text-alignがテキストをどこ寄せにするのかを指定する部分で、centerで具体的に中央に寄せるということを指定しています。