css - css - 使用填充

Question

我想做一些设计上的调整。这是html的代码：

<div class="addbox">
<h4><span>Pick your best work from <b class="highlight-text">Flickr</b> to display in your portfolio</span></h4>
<div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div>
<div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div>
</div>​

我正在使用padding-left，.addmenu-item但它并不完美，正如您在图像中看到的那样。问题出在background颜色上，我尝试了其他一些方法，但没有用。

这是jsfiddle http://jsfiddle.net/Dkh4q/34/

谢谢！

更新 对不起，问题是图像项的间距不完美。我忘了试试margin-left。

Answer 1

而不是padding-left: 20px;设置margin-left: 20px;属性。

你应该知道它们之间的区别。

当您想分隔元素时，只需使用marginproperty not padding。

填充是边框内的空间，在边框和实际视图的内容之间。

边距是边界之外的空间，在边界和该视图旁边的其他元素之间。

有关填充和边距之间差异的更多信息。

Answer 2

我打开了你的 jsfiddle，但我不明白你的问题到底是什么。尝试使用左边距。

编辑： hawaii.five-0 在这方面击败了我。