It works great in Firefox but IE puts an additional extra blank line after the graphic. Thanks, Kevin ----- Original Message ----- From: "Jukka K. Korpela" [EMAIL-REMOVED]> To: [EMAIL-REMOVED]> Sent: Monday, June 04, 2007 1:47 PM Subject: Re: [css-d] Text inline with graphic > On Mon, 4 Jun 2007, jana coyle wrote: > >> I would like to raise the text "3." to be in the center of the graphic >> "add to cart" Right now the "3." is at the bottom of the graphic. Not >> sure how to achieve this. Hope I explained this well enough. >> Any help would be great. >> http://www.precisemessenger.com/private/placeorder.html > > div#numbform input{ vertical-align: middle; } > > You have the text "3." and an image input button, which acts pretty much > like an image in styling. Setting vertical-align: middle should align the > vertical middle of the image on half of the x height of the text. > This is probably sufficiently close to what you want. > > This seems to work on Firefox 2. Let's hope other browsers get it right, > too. There are some oddities in implementations of vertical-align. > > -- > Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/ > > ______________________________________________________________________ > css-discuss [EMAIL-REMOVED]] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL-REMOVED]] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
