css、html の見出しの書き方

初めまして、こんばんは

css、html の見出しの書き方を教えてください。

画像の①の様に見出しを作成したいのですが、②の様に文字の長さ分のみになってしまいます。

スペースを入れれば①のようになるのですが、その方法は避けたいです。

青い画像を使わず作成する方法があれば教えてください。

No.3 回答者： kuroki55 回答日時： 2017/08/23 10:30

No.2です。

すいません、
color : #000000;
でした。

No.2 回答者： kuroki55 回答日時： 2017/08/21 09:52

＞青い画像を使わず作成する方法があれば教えてください。

通常に白地に黒の文字の見出しにしたい、ということでしょうか？
それであればCSSファイルで
h1 {
background-color : #B9CDE5;
color : FFFFFF;
・・・
・・・
}
の2行を削除するか、コメントアウトしてください。
（#B9CDE5は多少異なるかもしれません。）

No.1 回答者： admiral_ya 回答日時： 2017/08/21 01:35

どのタグについてデザイン指定したいのでしょう?

例えば、箇条書きやh1だと、次のような形です。
ul li {
background: #AAAAFF;
margin-bottom: 0.2ex;
width:10em;
}
h1{
background: #AAAAFF;
width:80%;
margin:1em auto;
}