755 posts
  • Has been part of the Envato Community for over 6 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

1045 posts
  • Became a Top 20 Author of the Month
  • Has sold $125,000+ on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Made it to the Authors' Hall of Fame
+10 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 6 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.

4458 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
+13 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 6 years
  • Has referred 1+ members
  • Had an item featured in an Envato Bundle
  • Has collected 1+ items on Envato Market
+3 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
  • Became a Top 20 Author of the Month
+6 more
unisphere
says

Check if your p tags have margin or padding top

755 posts
  • Has been part of the Envato Community for over 6 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
  • Became a Top 20 Author of the Month
+6 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;
}
4458 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
+13 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

1180 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