文章を右寄せにする

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


サンプルソース

HTMLソース

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

CSSソース

.tright {text-align:right;}

サンプル表示

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


解説

HTMLソース

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


CSSソース

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