<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <style> #container{ width : 560px; } #myText{ width : 200px; text-align : center; float : left; } #myImage{ width:280px; float : right; } </style> <div id="container"> <div id="myText"> Here is my moto </div> <div id="myImage"> <img src="http://www.google.com/intl/en_ALL/images/logo.gif"; /> </div> </div> </body> </html>
> -----Original Message----- > From: Bruce Sorge [mailto:[EMAIL PROTECTED] > Sent: Wednesday, August 29, 2007 4:28 PM > To: CF-Community > Subject: Center text on side of image > > For the life of me I cannot figure out how to center text on the side > of an > image without using a table. The code looks like this: > > > > <body class="twoColElsLtHdr"> > > > > <div id="container"> > > <div id="header"> > > <cfoutput><h1 style="vertical-align:middle"><img > src="SchoolImages/#Request.HeaderImage#" border="0" > />#Request.SchoolName#</h1> > > <h3>#Request.Motto#</h3> > > </cfoutput> > > <!-- end #header --> > > </div> > > > > You can see that I have the vertical-align equal to middle but that is > not > working. Any CSS guru's out there that can help or do I need to use a > table? > > > > Thanks, > > > > Bruce > > > > > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Enterprise web applications, build robust, secure scalable apps today - Try it now ColdFusion Today ColdFusion 8 beta - Build next generation apps Archive: http://www.houseoffusion.com/groups/CF-Community/message.cfm/messageid:241601 Subscription: http://www.houseoffusion.com/groups/CF-Community/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.5
![http://www.google.com/intl/en_ALL/images/logo.gif"](https://www.google.com/intl/en_ALL/images/logo.gif"){kind=link}