CSS line-height problem

Hi Guys,

I’ve been trying to figure out how to remove the extra spacing css line-height property causing. If you look at the image below, you can see the extra space at the top of the text block. There is no extra spacing when I set the line-height to 0, so this is obviously related with the css line-height property. Anyone knows how to fix this issue properly?

Hi, it happened to me with IE, a float:left fixed it

Hi, it happened to me with IE, a float:left fixed it

Just tried float: left but it didn’t work.

Can you provide a live demo? It will be much easier to help you then.

Check if your p tags have margin or padding top

Alright guys, here is the link as requested http://www.flashyfiles.com/test/test.html

It’s a bit of a hack but try this in your css:

.preview_text p {
font-size:12px;
line-height:23px;
margin-bottom:20px;
margin-top:-7px;
}

you can put margins in your image divs.