div的右边界应该与图像具有相同的高度

Question

有人知道为什么右边的边框比图像高一点吗？如何确保div右侧的边框与图像具有相同的高度？

实施例： http://codepen.io/anon/pen/bNPeLv

代码：

<div class="footer-widgets-2">
<img src="http://www.fertighaus-keitel.de/uploads/tx_7thsensegallery/Haus-Wiesenweg-Nacht_01.jpg" alt="Footer-Pic">
</div>

.footer-widgets-2 {
  width: 810px;
  border-right:1px solid #a3a3a3;
  padding-right:20px;   
  margin-right: 20px;   
}

谢谢！

Answer 1

您可以添加display: block以删除图片上的小空间

Answer 2

将图像垂直对齐到中间将解决此问题。

img{vertical-align:middle;}