10月 122011
灰色背景がサンプルソース薄緑背景が実際の見た目
サンプルソース
HTMLソース
<p class=”tcenter”>このclass=”tcenter”を記述したタグ内に記述された文章を中央寄せで表示する。<br/>改行すると良く分かるかも？</p>
CSSソース
.tcenter {text-align:center;}
サンプル表示
このclass=”tcenter”を記述したタグ内に記述された文章を中央寄せで表示する。
改行すると良く分かるかも？
改行すると良く分かるかも？
解説
HTMLソース
文章を中央寄せにしたい箇所のタグに、スタイルシートで設定したclassを指定します。
ここでは、<p class=”tcenter”>～文章～</p>としています。
CSSソース
.tcenter {text-align:center;}と記述します。
これは、class=”tcenter”を指定したタグでくくられた文章を「中央寄せで表示する」という意味です。
text-alignがテキストをどこ寄せにするのかを指定する部分で、centerで具体的に中央に寄せるということを指定しています。