如何在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;"