Hey Ben,
That additional space you see above the letters is set aside for
diacritical marks (umlaut etc).
If you replace the content within the 23 pixel paragraph with the
content below, you should see that all the special character marks
sit above the letters and fill this empty space.
Try adding this to the 23 pixel paragraph:
ÙŸÖÕÔÓÒÑÏÎ
ÍÌËÊÈÅÄÃÀ
How would you remove this space? The mind boggles. You are trying to
mess with anonymous inline boxes. The actual inline boxes that wrap
around text.
http://www.w3.org/TR/CSS2/visuren.html#anonymous
I do not think that reducing the line height will resolve the issue
as this will more than likely close the space BETWEEN lines - not
reduce the height of the anonymous inline boxes themselves.
Thanks
Russ
On 02/07/2009, at 1:20 AM, Ben Lau wrote:
Hi list,
I frequently have to work with pixel-perfect design, 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
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?
Thanks
Ben
[]
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************