[ARCHIVED] Vertically aligning an image and a long text using div

[rlcarballo]

Hi!

Can someone guide me on how can I vertically align an image and a long text using <div> like the image below? TIA.

[Steven_S · Accepted solution]

Nancy Keefer was kind enough to teach me this:

<h4>This is the Headline</h4> <p><strong>This is a bold second headline:</strong></p> <div style="float: left; width: 25%;"> <p>First line in the left column</p> <p>Second line in the left column</p> <p>Etc.</p> </div> <div style="float: right; width: 75%;"> <p>First line in the right column</p> <p>Second line in the right column</p> <p>Etc.</p> </div>

Since you want to alternate the side on which a comparatively small image can be found you might want to play with the percents on the widths.  Just use that entire code for one image, and repeat it entirely for the next image. 

[rlcarballo]

Thank you very much Steven_S! This is a big help!