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

我正在尝试将图像与上的“顾问委员会”选项卡上的文本垂直对齐

缩短的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;
}

---

试着把问题的截图和代码示例放在一起，因为这样如果你将来解决了问题，你的问题就不再相关了。