段落文章の行揃えを指定する
ブロックタグの align オプションで、段落文章の行揃えを指定することができます。
<タグ名 align="行揃えの指定">
行揃えを指定する文章
</タグ名>
行揃えを指定する文章
</タグ名>
- タグ名:
<p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
■ブロックタグ body| address| blockquote| div| dir| dl| form| h1~h6| menu| ol| pre| plaintext| table| ul| xmp
- 行揃えの指定:
下記のキーワードで指定できます。
※均等配置とは、各行の先頭文字と末尾文字の位置を揃え、各行の文字を均等に配置するものです。キーワード 行揃えの位置 left 左詰め
center 中央揃え
right 右詰め
justify 均等配置
中央揃えの場合のみ、専用タグ <center>も用意されています。下記のような形式になります。
<center>
中揃えにする文章
</center>
style 指定で行揃えをコントロールすることもできます。
<タグ名 style="text-align:行揃えの指定">
行揃えを指定する文章
</タグ名>
行揃えを指定する文章
</タグ名>
- タグ名:
<p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
■ブロックタグ body| address| blockquote| div| dir| dl| form| h1~h6| menu| ol| pre| plaintext| table| ul| xmp
- 行揃えの指定:
下記のキーワードで指定できます。
※均等配置とは、各行の先頭文字と末尾文字の位置を揃え、各行の文字を均等に配置するものです。キーワード 行揃えの位置 left 左詰め
center 中央揃え
right 右詰め
justify 均等配置
<div style="text-align:center">
この段落を、中央揃えにします。
</div>
サンプルソースです。
<div aligin="right">
この段落を alignオプションで、右詰めにします。
</div>
<center>この段落を centerタグで、中央揃えにします。
</center>
<div style="text-aglin:left">
この段落を style指定で、左詰めにします。
</div>
このソースを表示させると、次のようになります。
