外部スタイルシートに関して

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： シャノン ： 2005/01/20 17:33
外部スタイルシートで｢BIG｣｢DIV｣｢SMALL｣｢FORM｣の４つのタグに中央揃えをさせたいのですが、｢DIV｣｢FORM｣の２つしか中央揃えが出来ません・・・。
何故出来ないのか解らないので、どなたか解説して頂けないでしょうか？
ちなみに外部スタイルシートは下記の通りです。
もし、他のソースも必要ならば可能な範囲で掲載します。


BODY { background-color:#88FFFF; white-space:nowrap; }
A { text-decoration:none; }
BIG { font-size:xx-large; color:#FF0000; text-align:center; }
DIV { font-size:x-large; color:#FF0000; text-align:center; }
SMALL { font-size: large; text-align:center; }
FORM { text-align:center; }
1   名前： カヅサツ ： 2005/01/20 21:29   ［URL］
bigおよびsmallはインライン系要素なので、text-alignを指定しても無視されます。
2   名前： シャノン ： 2005/01/20 23:42
なるほど。ありがとうございます。
そう言う事は、<H*>や<FONT>などでも同じ事が言える訳ですね。
3   名前： pps ： 2005/01/21 04:06   ［URL］
インライン要素をボックス要素として扱いたいときには
big{ display: block; }
のように display プロパティに block を指定します。

同様にしてボックス要素をインライン要素として扱うことも可能です。
h1{ display: inline; }

ただし、どちらかといえばこれはまだ変則的なやり方かもしれないので
div.big{ font-size:xx-large; text-align: center; }
などのようにして、ボックス要素にクラス名を付けて
スタイル指定するほうが無難かもしれません。私はそうしてます。
<div class=big>注目！</div>
4   名前： シャノン ： 2005/01/21 09:39
なるほど、ありがとうございます!!
そうします!!
一覧へ戻る