@tn-soccerballposted at 2020-11-10

HTML text-align について

Q&A

ネットでtext-alignは親要素に対して指定してその親要素の中のinlin要素を中央寄せにする期の胃があるとあいてあって、さらに、「pタグに関してもブロック要素ですのでtext-align:centerを指定すると中央寄せにできます。」と記述がありました。ここで質問なのですがinline要素ではないblock要素のPタグにもtext-alignは効かせる事ができるのでしょうか？
また、block要素にも効かせることができるなら他にどのようなblock要素に使えるかいくつか例を挙げていただきたいです。よろしくお願いいたします。

1Answer

@airix posted at 2020-11-10

こんにちは！

text-align: center

はよく使うものです

p tagの中にあるtextはinlineなのでtextを中央に移動させるときもよく使います

<style>
  .debug {
    border: solid 1px red;
    display: block;
    text-align: center;
  }
</style>
<p class="debug">hello</p>

お答えになりましたか？：）

1Like

Are you sure you want to delete the question?

HTML text-align について

1Answer

Your answer might help someone💌