将div放在不同的行上

Question

我想建立一个itens列表。每个项目应该在一行中，如几个段落。

为什么我的div.empresa元素在同一行？我认为它们应该在不同的行上，因为它们的显示属性是阻塞的。

看看代码： http://jsfiddle.net/Yz8Cq/

Answer 1

您需要删除float: left;

#ListaDeEmpresas .arrow {
    height: 50px;
    width: 20px;
    background: url("/Content/SetaBrancoh40.png") no-repeat center center;
    background-color: #A9462F;
}

http://jsfiddle.net/spacebeers/Yz8Cq/5/

浮游生物起初可能有点棘手。这篇文章很棒 - http://css-tricks.com/all-about-floats/

Answer 2

实际上，从float: left移除label会使span左侧显示箭头label。假设您希望箭头span继续显示在label的右侧，那么您想要添加：

#ListaDeEmpresas div.empresa {
    clear: left;
}

这将确保每个标签/跨度集显示在前一个标签/跨度集下方。

Answer 3

摆脱float: left;

中的#ListaDeEmpresas .arrow

Answer 4

float: left;让他们这样做。