kyomachiya https://blog.hatena.ne.jp/kyomachiya/ Kyomachi-blog https://www.jibun-tukuri.com/ HTML/CSS こんにちは、京町啓一です。 今回は、ブロック要素内でブロック要素を上下左右 中央揃えにする方法を紹介します。 HTML/CSSを記述していると、使うことが多いものですので、身につけておいていただければと思います。 HTML text-align は block 要素に適用できる vertical-align は block要素には効かない FlexBox を使う まとめ HTML // index.html <div class="wrapper"> <p>この p要素（ブロック要素）を上下左右中央にしたい</p> </div> text-align は block 要素に適用できる 左右中央… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.jibun-tukuri.com%2Fentry%2F20181228%2F1546005816" title="HTML / CSS｜ブロック要素内でブロック要素を上下左右 中央揃えにする方法 - Kyomachi-blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kyomachiya/20181228/20181228230301.png Hatena Blog https://hatena.blog 2018-12-28 23:03:36 rich https://www.jibun-tukuri.com/entry/20181228/1546005816 1.0 100%