<h1 align=""></h1>
| ブラウザ |
|
|---|---|
| 分類 | |
| 要素 |
h1-h6要素に align="" を追加すると、内容の水平方向の表示位置を指定できます。
<h1 align="center">センターに配置する</h1>
| 属性 | 値 | 説明 |
|---|---|---|
align="" |
left |
左寄せで表示 |
center |
中央揃えで表示 | |
right |
右寄せで表示 | |
justify |
両端揃えで表示 |
上記の属性は、HTML 4.01では非推奨とされています。（Strict DTDでは使用できません）
justifyの指定について
複数行に渡る長い見出しの場合に、各行（最終行を除く）の右端が綺麗に揃うように単語間隔が自動的に調整されます。（英文などの場合に有効のようです）
使用例
left、center、rightの指定例
<h1 align="left">h1で左寄せ</h1>
<h2 align="center">h2で中央揃え</h2>
<h3 align="right">h3で右寄せ</h3>
- 表示例
-
h1で左寄せ
h2で中央揃え
h3で右寄せ
justifyの指定例
<h4 style="width: 50%; border: 1px #808080 solid;">
英文は単語の区切りで改行が ...
</h4>
<h4 align="justify" style="width: 50%; border: 1px #808080 solid;">
英文は単語の区切りで改行が ...
</h4>
- 表示例
-
英文は単語の区切りで改行が入るため、行末が綺麗に揃わない場合がありますが、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.
- ブラウザの幅を動かすと違いが分かりやすいです。