img tag Archives — Stampede: the strategic design & technology company https://stampede-design.com/blog/tag/img-tag/ We are creating better worlds though thoughtful design and technology. Connect with us! Tue, 07 Apr 2026 09:06:38 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.5 https://stampede-design.com/wp-content/uploads/2024/02/cropped-Stampede-Favicon-old-32x32.png img tag Archives — Stampede: the strategic design & technology company https://stampede-design.com/blog/tag/img-tag/ 32 32 Get Rid of Unwanted Space Below https://stampede-design.com/blog/get-rid-of-unwanted-space-below-img/ https://stampede-design.com/blog/get-rid-of-unwanted-space-below-img/#respond Tue, 29 May 2012 20:08:19 +0000 https://stampede-design.com/blog/?p=2169 Got an unexplained and unwanted space below <img>? Fret not - Syazwan is back to share a handy tip.

The post Get Rid of Unwanted Space Below <img> appeared first on Stampede: the strategic design & technology company.

]]>

Unwanted space below <img>

Image above shows the correct styling (Left Side) and unwanted space below <img> (RightSide).

HTML Code

<a class="link" href="#">
    <img src="your image path" alt="Image" />
</a>

Style

.link {
border:1px solid red
}

Why Does It Happen?

Well, for my case, “line-height” property is the culprit. I often assign “line-height:normal;” to <body> so, I’ll never miss any line-height. However, it will also cause the unwanted empty space below <img>

How to fix it?

Change “line-height” value to 0 for <a> tag.

.link {
border:1px solid red;
line-height:0
}

The post Get Rid of Unwanted Space Below <img> appeared first on Stampede: the strategic design & technology company.

]]> https://stampede-design.com/blog/get-rid-of-unwanted-space-below-img/feed/ 0