vertical-align: middle;
    line-height: 20px;

try setting the line height to the height of the image.

On 8/29/07, morgan lindley <[EMAIL PROTECTED]> wrote:
>
> Add style="vertical-align:middle" to the img tag, though I've no idea if
> it's going to work inside the h3.
>
>
>
> >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
>
> 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Get the answers you are looking for on the ColdFusion Labs
Forum direct from active programmers and developers.
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid-72&catid=648

Archive: 
http://www.houseoffusion.com/groups/CF-Community/message.cfm/messageid:241597
Subscription: http://www.houseoffusion.com/groups/CF-Community/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5

Reply via email to