Tuesday, March 30, 2010

Photos and Text Side by Side

I'm trying to create a page with a photo, tex and another photo, in line and with the text centered vertically in the space between the two photos. No problem creating left floated div's and a span div for the text but the text appears stuck at the bottom of the text div. How can I get it to center vertically between the two photos?

Thanks - Joe

Photos and Text Side by Side

With CSS like so:

.middle img {vertical-align:middle; }

and X/HTML code looks like this:

%26lt;div class=''middle''%26gt;
%26lt;p%26gt;%26lt;img src=''your_image.jpg /%26gt; some text goes here %26lt;img src=''another_image.jpg'' /%26gt;%26lt;/p%26gt;
%26lt;/div%26gt;?%26lt;!--end middle --%26gt;

Nancy O.
Alt-Web Design %26amp; Publishing
Web | Graphics | Print | Media?Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com

Photos and Text Side by Side

Thanks very much - Joe Rivlin

No comments:

Post a Comment