> > I frequently have to work with pixel-perfect design
http://aspnetresources.com/blog/dear_art_director.aspx > , and I'm always having trouble with line-height in particular. Please take > a look at this example: http://www.hellobenlau.net/wsg/index.html <http://www.hellobenlau.net/wsg/index.html> > > I'm wondering if there was a way to top align the text to its line-height. > So say, with text size 20px, could the top of the 'T' be aligned to the top > of the pink box? > How does the 'gap' above and below the text gets calculated? As far as I know, browsers always render a bit of extra space above and below to allow for accents, descenders, ascenders and such. Please bear in mind that users tend to like line-heights of 1.2 or a bit bigger. If you can, try to introduce a vertical rhythm in your texts and your users will thank you even more :) ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
