scriptygoddessFor the past couple of days, I've been trying to figure out why a design I had been working on was showing extra padding (veritcally) in IE. I think I'd seen every solution such as: write the code like this:
<li>Item one</li><li>
Item two</li>
or make set them to float: left | right (which messed up the way the list was showing up…
The only thing that worked for me – was setting the line-height to the be the same size as the font-size used for the list. ie:
li {
font-size: 12px;
line-height: 12px;
}
And then you can add your own specific padding or margins as needed… Hope that saves someone the headache I just went through!!
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
