How can I prevent a link tag from adding extra padding under an image?

I have image wrapped in a link. The link adds extra padding in the bottom (Please see the red area in the attached image). How can I remove it? I have tried to set the padding: 0; and margin:0 and also I have tried display:inline-block, but it does not solve it.

HTML:

<a href="#"><img src="http://i50.tinypic.com/2poy3kl.jpg" /></a>

CSS:

 a{
    background: red;
    padding: 0;
}

JS Fiddle: http://jsfiddle.net/D6Ak8/

Use display: block; for the img tag:

a img {
    display: block;
}

Updated Fiddle: http://jsfiddle.net/D6Ak8/1/

How can I prevent my H1 tag from getting out of view (disappear)?

I havent done much html and css lately and I cant figure out why my H1 dissapears out of sight when i re-size the browser? <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content=

How can I prevent the title tag from spreading across the line?

I have this standard situation: <h1>Title</h1> <h2>Subtitle</h2> <p>Text</p> Now, I styled h1 and h2 with a bottom-border that gives una underlining effect border-bottom: 1px dashed #999999; This looks nice, however, si

How can I prevent Eclipse (EPIC Perl) from adding DOS CR / LF to my Perl scripts?

I use Eclipse on Windows to edit files on a remotely mounted Linux SMB share. Coupled with Samba's stubborn opposition to on-the-fly mapping, Eclipse's insistence on CR/LF creates a real headache with Perl scripts. Any workarounds?In Eclipse, the end

How can I read the ID3v2 tag from the MP3 file in Perl

How can i read the ID3v2 tag from the provided MP3 and print all information in Perl? Sample Code will be appreciatedIt seems that you have many different options: Audio::TagLib Audio::Scan MP3::ID3Lib MP3::Info MP3::Tag MPEG::ID3v2Tag ...and I'm pro

In Python, how can I prevent a class definition from being included multiple times?

I am running into problems with a subclass with multiple superclasses calling its parents' init methods. I get an error about how unbound __init__ needs instance of the parent, but got an instance of the child. Some other questions on StackOverflow p

How can I convert my Grails application from http to https under the Linux operating system?

how can i convert my grails application from http to https under Linux operating systemthe configuration depends on what container you are running the application in your production environment. You should be deploying a war to your Production Server

How can I prevent my links from being wrapped in a DIV?

I have six links inside a 100% width DIV. How can I stop my links from stacking on top of each other, moving, down, and disappearing as I shrink the size of my browser? I would like to have them remain inside the horizontal div. <div class="nav&qu

How can I prevent a form button from being clicked many times quickly

How can I prevent a form button being clicked lots of times very fast? I'm using html5 and angular2. Currently they can just click it loads. I need to only allow once if possible or atleast they have to wait 2 seconds before clicking it again.You cou

How can I prevent an Android device from going to sleep from the Qt app?

I'm deploying a Qt application on Android and need to prevent the device from going to standby (else, my threads are interrupted and also my BLE connection gets lost). I found that on SO: How do I prevent an Android device from going to sleep program

How can I prevent the text box from stretching beyond its parent DIV element? (Google-chrome problem only)

How can I prevent the textarea from stretching beyond its parent DIV element? I have this textarea inside a table which is inside a DIV and it seems that it causes the entire table to stretch out of its bounds. You can see an example of the same situ

How can I prevent the automatic layout from resetting the view pictures?

I have a view with AutoLayout and it works nicely with different screen sizes. There's one element on the screen though that moves around depending on user actions. Whenever I navigate down to a different screen then back to this view, this element g

How can you prevent arbitrary client applications from using your anonymous Web API?

Apologies if this has already been asked and answered; I've looked around a bunch but haven't found exactly what I'm asking. -- Suppose my web app at http://example.com/ uses a private and undocumented web API at http://api.example.com/ to fetch data

How can I prevent my site form from being scanned?

Are there any tips or tricks to prevent my site (let's say it's pure HTML and CSS) from being parsed? How can I protect my site from things like f.ex? Maybe messing around with the DOM would help? Any ideas?You can't "prevent your site form from bein

How can I prevent views outside ListView from being inflated?

I'm relatively new to Android dev so please pardon me if this is a basic question. I have a ListActivity which shows a progress bar when loading info and then gets hidden. However, every row of the listview beneath it draws has its own progressbar in

Updated Fiddle: http://jsfiddle.net/D6Ak8/1/

Related Articles