こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

cssが反応しない

cssの一部が反応しません・・・。
具体的にはcssの#contents内のmargin:autoがp要素に反応しないんです・・・・。
ですので、ブラウザ表示した時にpのtext-align:leftだけ反応してしまい、
一部の文章だけ左詰めになってしまうのです。
初心者なのですが、一向にわからないのでどなたかにアドバイス頂けると幸いです。
よろしくお願い致します!

以下、htmlとcssのコードです。
-------------------------------------------------------------------------------------------------
【html】
-------------------------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XTML 1.0 Transutional//EN"
"http://www.w3.org/TR/xhtml1-transitonal.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<link href="style.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="contents">
<h1>Menu</h1>
<h2>屋台のコース cucina volante</h2>
<p>夕方、ひと仕事を終えた漁師たちが集まる所と
言えば屋台!</p>
<h2>郷土料理のコース cucina locale</h2>
<p>食いしん坊の国の人々に愛され、世代を超えて
伝承されるイタリアの郷土料理。</p>
<h2>アラカルト Alla Carta</h2>
<p>単品からのご注文も承ります。「きょうはパス
タをたくさん食べたい!』</p>
</div>
</body>
</html>
------------------------------------------------------------------------------------
【css】
------------------------------------------------------------------------------------
body{
text-align:center;
color: #666666;
}
#contents{
margin;auto
}
h1{
font-size:36px
color:#943434;
font-family:georgia,"times new roman",
times,serif;
}
h2{
font-size:18px;
color:#ff9900;
}
p{
font-size:14px;
text-align:left;
}
----------------------------------------------------------------

投稿日時 - 2012-01-17 01:26:35

QNo.7249195

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

p{
font-size:14px;
text-align:left;
border: 1px solid #333;
}

にして、確認してみること。

投稿日時 - 2012-01-17 13:29:44

margin;auto
入力ミスに気づきませんか?

セミコロン→コロン

投稿日時 - 2012-01-17 02:21:33

補足

ご回答ありがとうございます!!
ミスタイプかと思ってmargin;auto⇒margin:autoに直しましたが、やはりp要素が左詰めになってしまいます。何故でしょうか・・・・。

投稿日時 - 2012-01-17 09:23:56

お礼

ミスタイプに気付く事が出来て良かったです!
ありがとうございます!
あれから検証したのですが、どうもmargin:~pxは反応するんですが、margin:autoが反応しないみたいなんです。

投稿日時 - 2012-01-17 09:27:03

あなたにオススメの質問