我正试图将图像与THIS PAGE上“顾问委员会”选项卡上的文本垂直对齐。
缩短的HTML:
<div class="four columns alpha"><img class="ImageBorder" src="LINK" alt="" /></div>
<div class="twelve columns omega">
<p class="padding">TEXT</p>
</div>
</div>
我尝试了一些多行解决方案,但无法使文本/图像正确对齐。有没有一个好的方法来做这个与网格系统?
谢谢!
最佳答案
以下是您需要添加的内容:
.omega{
display: inline-block;
float: none;
margin-left: 0;
vertical-align: middle;
}
.alpha{
display: inline-block;
float: none;
vertical-align: middle;
}