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: 292
css
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