今の状態
実現したいこと
###実現したいこと
上記のように2つの図があります。
下のような形:containerの中心線に、container内部の各要素の高さの中心がくるように配置したいと考えています。
###試したこと
.container{ height:auto; display:table; } .left { float:left; display:table-cell; vertical-align:middle; } .right{ display:table-cell; vertical-align:middle; }
<div class="container"> <div class="left"> <img hspace="5" border="0" src="hoge.png"><br /> </div> <div class="right">comment</div> </div> <div style="clear:both;">
最初はleftやrightに対してposition:relative; top:50%;を指定したのですが、まったくうまくいかず、
次にvertical-align:middleを使えば実現できるかと思ったのですが、img要素が思うような位置に来てくれません。
何らかの対処法、もしくは、top:50%でうまくいかない理由などを教えていただければ幸いです。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/18 13:09