A和IMG元素之间的额外空间

Question

我有这段代码（https://jsfiddle.net/26gvaekf/1/），并希望A高度恰好位于IMG边界。但是，IMG

之后的空间很小

任何人都可以解释，为什么会这样？我应该使用哪个css属性（只有float一个）。

Answer 1

DEMO

CSS

img {
  vertical-align:top /* img are default bottom aligned make it to top */
}

/* for demonstration purpose */
a {
  display: inline-block /* to cover your img completely */
}