html - 如何在 HTML 中设置 2 个元素之间的间距？

Question

假设我有两个元素<img>，并且<p>作为

<img style="background-color:#ffffff;width:250px;height:auto;float:left" src="http://somesite/p3.png" />
<p>
    alibabaanakjalanan.</p>

目前，段落内容与图像完全相邻。如何在元素之间设置一些间距？

Answer 1

如果您要浮动图像，您所要做的就是给它一些margin-right，我建议您不要添加内联样式，而是给图像一个类似这样的类，尽管我的类名很弱：

CSS

.img {
    background-color:#ffffff;
    width:250px;
    height:auto;
    float:left;
    margin-right: 20px;
}

HTML

<img src="http://somesite/p3.png" class="img" />
<p class="para">alibabaanakjalanan.</p>

在行动 http://jsfiddle.net/PqWAh/1/

这是将样式与标记分开的最佳实践

Answer 2

为 .添加边距img。

margin-right:20px;

所以代码是

<img style="background-color:#ffffff;width:250px;height:auto;float:left;margin-right:20px;"