图像边距 - 底部干扰线高

Question

我想将图像左对齐，让文字在其周围浮动。这是我的基本代码：

<p>
  <img style="float: left; margin-right: 15px;margin-bottom:15px" src="/image/logo.png" alt=""
  width="307" height="63" />Here is the floating text..
</p>

问题是边距底部会增加剩余的行高

你是如何处理的？

编辑：我现在尝试了

<img style="float: left; margin-right: 15px;margin-bottom:15px;height:4em" src="/image/logo.png" alt="" />

所以它恰好是4行，但是没有用

Answer 1

这解决了它：

<img style="float: left; margin-right: 1em;margin-bottom:1em;height:4em" src="/image/logo.png" alt="" />

或者修改了行高：

<p style="line-height:108%">
   <img style="float: left; margin-right: 1.08em;margin-bottom:1.08em;height:4.32em" src="/image/logo.png" alt="" />