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