daniellemouse
New Member
I have the following code, and it allows the red to show through from the a element. Why is this. I would have expected that the a element would only expand to the size of the contents but it looks like it's a bit bigger than that. See the codepen here http://codepen.io/anon/pen/soqEz.HTML\[code\]<a href="http://stackoverflow.com/questions/15796414/#"><img src="http://placehold.it/150x150" /></a>\[/code\]CSS\[code\]a{ background: red; margin-bottom:0; padding-bottom:0; border-bottom:0;}img { margin-bottom:0; padding-bottom:0; border-bottom:0;}\[/code\]EDIT: I see the answers below ... but can anyone also explain why the space is there AT ALL ( I mean given that it's a block level element ... what's the purpose of it in the first place ) ... as opposed to trying to get rid of it. Thanks