css内でspanを使用しtext-align: center;で中央にする方法

Question

ｃｓｓ内でspanを使用しtext-align: center;で中央にする方法

<h1><span>文字</span></h1>

h1 span{
color: white;
background-color: blue;
font-size: 1.3em;
text-align: center;
}

htmlで文字を入力し、css内でtext-align: center;と指定しても中央になりませんでした。
テキストの上にだけ背景を指定しているときは移動できないのでしょうか。

Answer 1

h1 spanではなくh1にスタイルをかけてみてください。
spanで囲まれた部分だけ背景青で中央配置ならtext-alignだけh1に適用させてください。

Comments

[KYUURI]

できました！ありがとうございます！