html – 如何垂直对齐图像旁边的文本与骨架网格

概述我试图将图像与 THIS PAGE上“Board of Advisors”选项卡上的文本垂直对齐. 缩短的html： <div class="four columns alpha"><img class="ImageBorder" src="LINK" alt="" /></div><div class="twelve columns omega"><p class="padding">TEX 我试图将图像与 THIS PAGE上“Board of Advisors”选项卡上的文本垂直对齐.

缩短的HTML：

<div ><img  src="link" alt="" /></div><div ><p >TEXT</p></div></div>

我已经尝试了一些HERE提供的多行解决方案,但无法正确排列文本/图像.有一个很好的方法来使用网格系统吗？

谢谢！

解决方法 以下是您需要添加的内容：

.omega{   display: inline-block;   float: none;   margin-left: 0;   vertical-align: mIDdle;}.Alpha{  display: inline-block;  float: none;  vertical-align: mIDdle;}

总结

以上是内存溢出为你收集整理的html – 如何垂直对齐图像旁边的文本与骨架网格全部内容，希望文章能够帮你解决html – 如何垂直对齐图像旁边的文本与骨架网格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。