h1のみが反映されない！？
外部.cssに
body {
font-size : 80%;
font-family:Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック";
line-height: 140%;
text-align: center;
background-color : #ffffff;
color:#555;
}
/* タイトル*/
h1 { font-size:2.3em; color:#ffffff; text-align:left;
padding: 10px 0px 0px 10px;
}
h2 { font-size:1.2em; color:#ff0000; text-align:left;
padding: 10px 0px 0px 10px;
}
h3 { font-size:1.2em; color:#ff0000; text-align:rihgt;
padding: 10px 10px 0px 0px;
}
と設定し、HTML内で任意の＊＊＊場所に
<div id="＊＊＊">
<h1>タイトル</h1>
</div>
と記述してもデフォルトサイズと#555のカラーになってしまいます。
text-align:left; や padding: 10px 0px 0px 10px;
も全く反映しません。
タイトルの位置を任意の場所を変更しても、状況は同じで
<h1>を<h2>や<h3>に打ち直すと.css通りきちんと反映されます。
全体.css記述をコピーすると膨大なので省略しますが、解せないのは<h2>や<h3>なら反映するのに、<h1>のみ反映しないのがわかりません。
色々試してみましたが、今現在は<h1>で表示したいタイトルを
h2 { font-size:2.3em; color:#ffffff; text-align:left;
padding: 10px 0px 0px 10px;
}
としてＵＰしてますが、<h1>と記述してWEB上で反映しない原因は何でしょうか？宜しくお願い致します。
