サイト内検索
...HTML・XHTMLタグ...
テキスト
ブロックでひとまとめにする
- ブロックでひとまとめにするには、div要素を指定します。
- [使い方]
- <div>〜</div>
- 前後に改行が入ります。
位置を指定する
- 位置を指定するには、div要素にalign属性を指定します。
- [使い方]
- <div align="center"></div>
- [メモ・・・W3Cの検証サービス・・・]
- HTML 4.01 Strict ・ XHTML1.0 Strictでは、推奨されていませんので、
- Validするには、スタイルシートを使用します。
- text-alignプロパティを指定します。
- .sample {text-align: reight;}
属性 | 属性値 | 説明 |
---|---|---|
align= | "left" | 左端揃えに表示します。 |
"center" | 中央揃えに表示します。 | |
"right" | 右端揃えに表示します。 | |
"justify" | 両端揃えに表示します。 |
サンプル
divを指定
[bodyの中]
<div style="width: 70%; border: 3px red double;">枠線を
<div style="width: 70%; border: 3px red double;">
で指定しています。
</div>
[ブラウザ上]
枠線を
<div style="width: 70%; border: 3px red double;">
で指定しています。
</div>
<div style="width: 70%; border: 3px red double;">
で指定しています。
</div>
div alignを指定
[bodyの中]
<div align="left">左</div><div align="center">中央</div>
<div align="right">右</div>
text-alignを指定
[bodyの中]
<div style="text-align:left;">左</div><div style="text-align:center;">中央</div>
<div style="text-align:right;">右</div>
[ブラウザ上]
左
|
中央
|
右
|