html - Left align text AND right align image in CSS

Question

I am somewhat new to CSS and I have a problem that I can't seem to solve. I would like to have a series of divs on my page (stacked one on top of the other) and each of them should contain some text, and one or more images.

In particular, I would like the text to be left aligned, and vertically aligned in the middle, and the images should be right aligned, and the height of the div should be based upon the height of the images (which can be variable).

Basically each of the divs should look like so:

So far I have been able to get one or more of the requirements listed above, but never all of them at the same time. Is this actually possible with pure CSS, or should I just quit wasting my time and use a table?

Answer 1

Hi i have a solution for you chek this link http://jsfiddle.net/8mQc4/15/.

It's based use some properties like:

float and vertical-align.

This code allows flexible height and width of img, and also his container center vertically de text.Just try with more large texts or images.