html - img float :left - margin elements on the right

Question

正如您在此示例中看到的那样 http://jsfiddle.net/PCcj8/我想在我的无序列表中添加一些边距。但是，由于 img float ，我无法移动该列表。我怎样才能实现它？请考虑可以有不同宽度的不同图像。

Answer 1

包装你的 <ul>在 <span> 中标记标签 <span>像这样的标签:

<span>
<ul>
    <li>test</li>
    <li>test</li>
</ul>
</span>

然后像这样设置 span 的样式:

span{
    display: inline-block;
    margin-left: 20px;    
}