CSS font-size causing the last line to be too high
- by tster
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.