Html 边框在对图像应用填充后留下空间

我有一个图像，它漂浮在一段文字的右边。因此，文本不会直接运行到图像，我必须填充图像。现在，边框可以识别填充，并在图像和边框之间留下空白

<img src="image.jpg" width="140" height="190" style="float:right; padding-left:10px; border:2px solid black;">

---

这是一封电子邮件，因此我希望保持样式内联。

谷歌Chrome的Inspect元素工具提供了一个很好的例子，说明了填充和边框如何在DOM上操作。尝试使用：

<img src="image.jpg" width="140" height="190" style="float:right; margin-left:10px; border:2px solid black;">

试着用边距代替。。 阅读有关长方体模型的信息：

如果padding left:val导致空白，您可以尝试

margin-left: val;

---

填充是在元素边界内添加的空间，而边距是在元素边界外添加的

html电子邮件中不支持100%的边距，因此请坚持使用填充。尝试在段落中添加填充，而不是图像。右侧填充：30px；将导致与左侧填充相同的定位：30px；在图像上

---

但是，您应该注意，因为这是html电子邮件，所以float不能在所有主要客户机中工作，尤其是Outlook，您应该在表格元素中使用align=left。

您的问题是什么？您可以发布代码吗？这是我代码中的图像标记：我希望边框与图像对接，并且不受填充的影响。是否尝试使用边距而不是填充？