auの日記

プログラミング初心者の日記。(auはハンドルネームです)

spanタグの中央寄せの方法

auです。

pタグは「text-align: center」で中央寄せできます。

しかし、spanタグだとできなかったのでやり方を調べました。

解決法

.top-comment {
        display: block;
        margin-right:auto;
        margin-left:auto;
}

spanはインライン(ブロック内で構成する要素の1つ)なので、ブロック(インラインを含む要素)にする必要があるようですね。

www.htmq.com

大人しくブロックであるdivとかp使う方が時間が掛からなかったのかもしれない。

なお、参考サイトの「display: inline-block」だとうまくできませんでした。なぜだろう?