WordPress Theory Lesson – Image Columns within posts with alignment?

I’d have thought it’s just a matter of formulating your HTML in a way that accomodates the image alignment requirement..

You could have two seperate elements, one for the post’s image, one for paragraph(s) of content, and float them side by side. Add a wrapper around the two..

So you basically have two elements, side by side and a wrapper, eg..

+------------+
|+----++----+|
||    ||    ||
|+----++----+|
+------------+

If one of the two columns(floated elements) has a larger height, the wrapper extends to match that height, eg..

+------------+
|+----++----+|
||    ||    ||
|+----+|    ||
|      +----+|
+------------+

or

+------------+
|+----++----+|
||    ||    ||
||    |+----+|
|+----+      |
+------------+

And because the wrapper surrounds each result, the baseline of the image and paragraphs are always the same…

So your results then appear something like..

+------------+
|+----++----+|
||    ||    ||
|+----+|    ||
|      +----+|
+------------+
|+----++----+|
||    ||    ||
||    |+----+|
|+----+      |
+------------+
|+----++----+|
||    ||    ||
|+----+|    ||
|      +----+|
+------------+

Obviously real HTML elements don’t look anything like that, but i hope the illsutration helps.. 🙂