文字や文章、画像の行揃えを指定する

ホームページやブログなどのウェブサイトに HTML言語を使って 文字や文章、画像などを表示する際に、位置(行揃え)を指定することができます。ALIGN属性による指定、STYLEでの指定、専用タグでの指定(中央揃えのみ)などいろいろな方法があります。

ALIGN属性で指定する
<タグ名 align="行揃えの指定"></タグ名>
スタイル指定を使う
<タグ名 style="text-align:行揃えの指定"></タグ名>
専用タグを使用する(中揃えのみ)
<center></center>
  1. タグ名:P や DIV タグが一般的ですが、たいていのブロックタグが使用できます。
  2. 行揃えの指定:下記のキーワードで指定できます。
    キーワード行揃えの位置
    left 左詰め
    center 中央揃え
    right 右詰め
    justify 均等配置
    ※均等配置とは、各行の先頭文字と末尾文字の位置を揃え、各行の文字を均等に配置するものです。
    ※この指定は、スタイル指定の場合のみ使用できます。
    ※この指定は、InternetExplorer にのみ有効です。

サンプルソースです。

<div align="right"> この段落を alignオプションで、右詰めにします。 </div>
<center>この段落を centerタグで、中央揃えにします。 </center>
<div style="text-aglin:left"> この段落を style指定で、左詰めにします。 </div>

このソースを表示させると、次のようになります。

この段落を alignオプションで、右詰めにします。
この段落を centerタグで、中央揃えにします。
この段落を style指定で、左詰めにします。