見出し（ｈｒ）の表示方法について

質問

<h1>を使用して見出しを表示のさせ方で質問があります。

現在
ｈｔｍｌ
<h1 align="center" >見出し</h1>
ＣＳＳ
h1{
margin:0;
align:center
width 100%;
font-style:normal;
font-size:22px;
background: #777788;
color:#eeeeff;
line-height:1em;
padding: 7px 7px 5px;
text-align:center;
}

を使用して見出し表示させた場合

画面幅全体に指定した背景色で見出しが表示されます。
それを
画面の中心部分に指定した幅、背景色、見出しを表示させたいのですが
どうすればいいのですか？

文章だけでわかりにくいかもしれませんが
回答お願いします。

回答No.1

yambejp · ベストアンサー

まず、h1をdivで囲む
IE対策でdivのtext-alignにcenterを設定、
その他ブラウザはh1のmarginをautoにするとよいです。

<style>
div#h1{
align:center;
text-align:center;
background-Color:yellow;
}
h1{
align:center;
width:500px;
margin:auto;
background-Color: aqua;
}

</style>
<div id="h1">
<h1 align="center" >見出し</h1>
</div>

お礼

ありがとうございます。
参考にしてやってみます。

回答No.2

askaaska

background-position
background-repeat
background-position
これらのスタイルシートを使えばOK

お礼

ありがとうございます。
参考してみます。