締切済み

cssが反応しない

2012/01/17 01:26

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; } ----------------------------------------------------------------