将左浮动div中的图像与右浮动div中的文本垂直对齐

Question

I'm having this problem where I have 2 divs on a content page (within a content wrapper) and I can't have the image aligned with the text next to it.

.text-block{position:relative; float:right; width:70%; height:auto}

then I have the image:

.img-block{position:relative; float:left; vertical-align:middle;}

Not sure if is possible to have an image aligned with text when they're in different divs though.

Answer 1

Here I've made text vertical align as middle next to a image div. Only CSS, no JavaScript used.

Text Vertical Align Middle - Sample

Hope this is the result you expect...

If you are looking for some thing more, pls make comment...