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;属性。

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

如果要分隔元素，只需使用margin属性而不是padding。

  

填充是边框内部，边框和边框之间的空间   实际观点的内容。

     

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

有关difference between padding and margins的更多信息。

Answer 2

我打开了你的jsfiddle，但我不明白你的问题是什么。尝试使用margin-left。

编辑：hawaii.five-0打败了我。