CSS font-size causing the last line to be too high

Posted by tster on Stack Overflow See other posts from Stack Overflow or by tster
Published on 2010-04-14T19:27:52Z Indexed on 2010/04/14 19:33 UTC
Read the original article Hit count: 268

Filed under:

OK, I have a list (<ul>) then inside each <li> element I have an <a...>

Here are all the applicable CSS items to the <a> tag

.search_area li a {
  font-size:11px;
}
sResCntr li {
  list-style-type:none;
}
body {
  font-family:Arial;
}

Everything looked great, until I put that font-size:11px in there. The problem is that the hyperlinks wrap to multiple lines within the list (which is fine). But when I decrease the font-size, the last line of the hyperlink always has a larger gap between it and the line above it than the other lines. All the other lines look good, but the last line looks like it is 1.5 spaced or something. I have adjusted the line-height property, but always the last line is larger than the rest.

If you need a demo to look at to see what I mean, I can arrange it when I get home.

© Stack Overflow or respective owner

Related posts about css