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で具体的に中央に寄せるということを指定しています。

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>