4

I'm trying to vertically align the images with the text on the "Board of Advisors" tab on THIS PAGE.

Board of Advisors Page

Shortened 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>

I've tried some of the multiple line solutions presented HERE, but can't get the text/image to line up correctly. Is there a good way to do this with a grid system?

Thanks!

Community
  • 1
  • 1
dq7133
  • 53
  • 2
  • 8
  • Try to put a screenshots from the problem and code sample as well, because like this if you solved your issue in the future your question will not be relevant any more. – Neri Barakat Jun 24 '15 at 16:56

1 Answers1

3

Here is what you need to add:

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

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

enter image description here

Muhammet
  • 3,288
  • 13
  • 23