如何使用骨架网格垂直对齐图像旁的文本

Question

我正在尝试在此页面的“董事会”选项卡上使图像与文本垂直对齐。 缩短的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>

我已经尝试了这里提供的一些多行解决方案，但无法正确地使文本/图像对齐。使用网格系统有好的方法吗？

谢谢！

- dq7133

---

尝试将问题的屏幕截图和代码示例放在一起，因为如果您将来解决了自己的问题，您的问题就不再相关了。 - Neri Barakat

Answer 1

以下是您需要添加的内容：

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

.alpha{
  display: inline-block;
  float: none;
  vertical-align: middle;
}

- Muhammet