CSSのDIV要素

質問

CSSのDIV要素を使ってボックスを作ったんですが、
外部スタイルシートに書き込んで、下記のようにする方法はありませんか？

<center>
<DIV align="left">
</DIV>
</center>

ボックス本体を画面の中央に持っていき、内容は左揃えにしたいのです。
どなたか知っている方がいましたら、教えてください。

回答No.4

goldfox · ベストアンサー

<DIV id="left">
内容
</DIV>

#left{ margin:auto; width:400px; text-align:left; }

これだけではIEで中央寄せにならないので、
body{ text-align:center; }
も加えます。

回答No.5

partita

align="left"は、divそのものを左に寄せると言う意味です。<center>は、このタグの中身を中央揃えにします。配置記述は、どこに記述すればよいのか迷いますよね。ただ、この書き方は推奨されませんので、#4さんの記述になります。

ブロック要素とインライン要素はわかりますか？
ブロック要素は「箱」、インライン要素は「中身」のようなものです。
「箱」を中央揃えにするときはmargin:auto;
「中身」を中央揃えにするときはtext-align:center;を
いずれも「箱」のタグのスタイルとして適用します。
提示の例だと、DIVが「箱」です。「中身」はテキストや画像です。

回答No.3

noname#19206

ちょっとややこしい方法をとる必要があります。詳しくは参考 URL を参照。

参考URL：

http://www.mozilla.gr.jp/standards/webtips0004.html

回答No.2

suzuko

id要素でなくて<div>で指定するのですね。

******CSS*******
.center {
text-align: center;
}
.left{
text-align: left;
}

*****thml********
<div class="center">
<div class="left">
</div>
</div>
か
<div class="left">を<p class="left">にするとか・・・あまり一般的でないとは思いますが。

回答No.1

sheltie

例えば .left というクラスで作り、その中に『text-align : left;』
をつくっておきます。
そうしてから、

<center>
<DIV class="left">○○○○○</DIV>
</center>

とすれば、DIV自体は画面中央に配置され、文字（この場合は○○○○○）
は左揃えになります。