vertical-algnについて

Question

インライン要素にしか適用されないのは承知の上で質問させて頂きます。
vertical-alignが適用されません。

<p class>にスタイルは当てたくないので、display; table-cell:を追加してみたのですが、全く適用されていません。 どなたかアドバイスいただけないでしょうか？ HTML ```<div class="q5__box"> <div class="q5__vertical__table__inner"> <div class="a"> <div class="b"> <p class="q5__vertical__table__txt">table</p> </div> </div> </div> </div> ``` CSS ``` .a { display: table; margin: auto ; background-color: #fff;

}
.b {
display: table-cell;
padding: 10px;
vertical-align: middle;
}

Answer 1

【Create a new fiddle - JSFiddle】
https://jsfiddle.net/rxoq2dra/

効いていますよ？
多分高さを指定していないために、結果が変わらないのかと思います。

Comments

[退会済みユーザー]

アドバイスありがとうございます。
高さを追加したのですが、全く反応ありませんでした。

[kei344]

URL先にサンプルを用意してあるのですが、それも vertical-align が効いていませんか？

その場合ブラウザ／OSのバージョンを提示ください。

[退会済みユーザー]

height; 12em:のところを; 12px:にしてました。無事解決できました。ありがとうございます！