css - 如何在保持 webkit-box-shadow 的同时使图像具有填充？

Question

我想为我网站上的所有图像设置样式，使其具有框阴影和 10 像素的填充，这样文本就不会被遮挡。但是，当我使用 CSS 将任何填充分配给“img”时，框阴影绘制在填充的边缘，在图像周围留下 10px 的空白区域。

#content img {
    -moz-box-shadow: 0 0 5px 2px #282a2d;
    -webkit-box-shadow: 0 0 5px 2px #282a2d;
    padding:10px
}

此特定图像在段落中向左浮动。这是我的问题的一个例子-

有什么想法吗？

编辑: 我不想要填充。我只想要盒子阴影，然后是空格，这样文本就不会混搭在盒子阴影旁边。原来我想要的是 margin ，而不是填充。愚蠢的错误。

Answer 1

除了padding之外还使用margin

#content img {
    box-shadow: 0 0 5px 2px #282a2d;
    padding: 10px;
    margin-right: 10px;  
}