<p align=""></p>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

p要素align="" を追加すると、内容の水平方向の表示位置を指定できます。


<p align="center">センターに表示します</p>

属性 説明
align="" left 左寄せで表示
center 中央揃えで表示
right 右寄せで表示
justify 両端揃えで表示

上記の属性は、HTML 4.01では非推奨とされています。(Strict DTDでは使用できません)

justifyの指定について

複数行に渡る長い文章の場合に、各行(最終行を除く)の右端が綺麗に揃うように単語間隔が自動的に調整されます。(英文などの場合に有効のようです)

使用例

leftcenterrightの指定例

<p align="left">左寄せ</p>
<p align="center">中央揃え</p>
<p align="right">右寄せ</p>

表示例

左寄せ

中央揃え

右寄せ

justifyの指定例

<p style="width: 50%; border: 1px #808080 solid;">
英文は単語の区切りで改行が ...
</p>

<p align="justify" style="width: 50%; border: 1px #808080 solid;">
英文は単語の区切りで改行が ...
</p>

表示例

英文は単語の区切りで改行が入るため、行末が綺麗に揃わない場合がありますが、justifyを指定しておくと綺麗に揃えることができます。The align attribute specifies the horizontal text alignment. The justify value adjust the spaces between the words to justify both left and right side.

英文は単語の区切りで改行が入るため、行末が綺麗に揃わない場合がありますが、justifyを指定しておくと綺麗に揃えることができます。The align attribute specifies the horizontal text alignment. The justify value adjust the spaces between the words to justify both left and right side.

  • ブラウザの幅を動かすと違いが分かりやすいです。