Image css align text

In this demo, all values of the vertical-align property are used with images to illustrate how it works. How can i align image to the left and some text to right top and some text on right bottom. The image is centered correctly, the text is only centered nearly correctly. The parent div has a background image.

I found this picture the other day and thought of something similar.

Image css align text
This is good for displaying images like a gallery. Therefore, it can be useful to specify the alignment of the image according to surrounding elements. A floated image will allow the text to wrap around the image like a regular book or newspaper would do. Except this picture is a bit promiscuous wouldn't you say? Or, choose Neither and nothing will be applied.
Most of people struggle with the middle alignment of images, so let's see an example. We could use middle, top or bottom, depending on what kind of alignment we want for our image. Aligning images will only position the image left, right, or center with the text following before and after the image.