755 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 500+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 1+ items on Envato Market
+5 more
skyplugins says

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?

Sample image

1039 posts
  • Has referred 200+ members
  • Has sold $125,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+9 more
Pixelworkshop says

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

755 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 500+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 1+ items on Envato Market
+5 more
skyplugins says
Hi, it happened to me with IE, a float:left fixed it

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

4336 posts ThemeForest Reviewer
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Member of the Envato Team
+12 more
Ivor Envato team says

Give us a link :) which browser is giving you the problem? all the browsers?

174 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 1+ members
  • Had an item featured in an Envato Bundle
  • Has collected 1+ items on Envato Market
+2 more
nedalm1 says

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

415 posts
  • Has referred 10+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+5 more
unisphere says

Check if your p tags have margin or padding top

755 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 500+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 1+ items on Envato Market
+5 more
skyplugins says

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

415 posts
  • Has referred 10+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+5 more
unisphere says

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;
}
4336 posts ThemeForest Reviewer
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Member of the Envato Team
+12 more
Ivor Envato team says
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;
}

I thought that too, giving a margin-top:-5px but is not correct it can mess up things later, I think that the best solution here is to add padding to your image.

.post_image img {padding:5px;}

that’s how line-height works, so is not a bug or something similar – http://grab.by/38To

1179 posts
  • Has referred 200+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
mabuc says

you can put margins in your image divs.

by
by
by
by
by
by