下のHTMLで画像を垂直方向に中央揃えにしたいので、横にあるdiv( "rtUpdateContentDiv")の垂直方向中央になります。img と div はどちらも、親コンテナー "rtUpdateContainerDivActive" 内にあります。
<div class="rtUpdateContainerDivActive">
<img class="statusImg" src="images/icons/Knob-Valid-Green.png">
<div class="rtUpdateContentDiv">
<span class="rtBlueHighlight">date and time:</span>
ipsum lorem text here
</div>
</div>
これまでの画像のcssは次のとおりです。
.statusImg
{
position: absolute;
margin-top: auto;
margin-bottom: auto;
vertical-align: middle;
padding-left: 3px;
padding-top: 3px;
}
そしてコンテナの:
.rtUpdateContainerDivActive
{
background-color: #90ee90;
margin-top: 1%;
position: relative;
min-height: 38px;
}
親は相対的である必要があります。
画像 (38px x 38px) を垂直方向に中央揃えするにはどうすればよいですか?
助けてくれてありがとう!