文字は左揃えのままで、divの囲みを中央に寄せる

0   名前： croco ： 2004/04/23 09:40
<style type="text/css">
<!--
DIV.kokuban {
border-top: 5px solid silver;
border-left: 5px solid silver;
border-right: 5px solid gray;
border-bottom: 5px solid gray;
background: #336600;
padding: 15px 15px;
width: 450px;
}
-->
</style>

スタイルシートを上記のようにして、

<div class="kokuban">
<font color="white">普通の文字</font><br>
<font color="yellow">強調したい文字</font><br>
</div>

このように書きましたが、中に入る文字は左揃えのままで、この枠を中央に寄せるにはどうすればいいのでしょうか？
<div align="center">では、文字まで中央に寄ってしまいました。

それから、このときいちいち<font color="white">を入れるのが面倒なので、デフォルトで白い文字を書けて、黄色にしたいときだけ<font color="yellow">を入れればいいようにしたいのですが、できますか？
1   名前： ばあど ： 2004/04/23 19:07   ［URL］
margin-left:auto;
margin-right:auto;
とする。

IEでは互換モードと標準準拠モードというのがあって、互換モードでは無理。
http://www6.plala.or.jp/go_west/nextcss/tip/doctype.htm
2   名前： croco ： 2004/04/24 16:04
ありがとうございました！！
一覧へ戻る