Как вертикально выравнивать текст рядом с изображением с сеткой скелета

Question

Я пытаюсь вертикально выравнивать изображения с текстом на вкладке «Совет советников» на странице 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> 

Я попробовал некоторые из множества решений линейных представлены HERE, но не может получить текст/изображение, чтобы правильно выстроить. Есть ли хороший способ сделать это с помощью сетки?

Спасибо!

Answer 1

Вот что вам нужно добавить:

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

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