Hi David, > > The basic html is: > > > > <div id="ad"> > > Our business is tax. > > </div> > > > > Now if I view this in browsers (IE8, FF 3.6.3), the text isn't > vertically aligned. However, if I put the text within tags (like: > <p>Our business is tax.</p> the text appears to be vertically aligned. > Changing the font size to 100% again does not align. What is the > trick here to get the text horizontally as well as vertically to be aligned? > > > It ain't easy. Please see: > <http://chelseacreekstudio.com/ca/cssd/va.html> > Cursory checked in FF, Safari, Opera, IE/8. Not corrected for IE/6 or > IE/7.
As a side note, if there was no line wrap like in your example, there would be no need to use "table-cell". Because a line-height equal to the height of the container would center a single line of text vertically in all browsers, including IE6/7. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
