divの高さに対して真ん中にテキストを置きたいの

divって高さを指定したら、高さを持って、vertical-align:middle;で真ん中に行くだろうと思ったら、高さをもてないんだってね。

先輩U氏に相談したら、

line-heightに高さを指定したらいけるって。

つまり、

<div class=”test”>これを真ん中にもってきたいの</div>

というソースに対して

.test{
ツꀀツꀀツꀀツꀀ height: 30px;
ツꀀツꀀツꀀ font-size: 12px;
ツꀀツꀀツꀀ line-height: 30px;
}

という風に書くの。

そうすると、うまく行きましたわ。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です