Hi all,
I have two divs on my front page, one with text, one with an image. I'd like the text to be vertically centered with the image. Pseudocode:
<div class="grid one-half"> headlines and text </div>
<div class="grid one-half last> image </div>
Right now the text is top aligned because the default css is float:left. If I delete the div class and manually specify the style as display:inline-block; vertical-align:middle, then I can get the text to vertically center with the image. However, I lose the nice responsive trick where the image moves below the text when the browser window is too narrow. Any idea how to get the headline vertically centered with the image using css?
Thanks,
Joe