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

는 #ListaDeEmpresas .arrow

Answer 3

에 float: left; 없애 float: left; 그들이 그렇게하고 있습니다.

Answer 4

실제로는 label에서 float: left을 제거하면 화살표 span이 label 왼쪽에 나타납니다. 당신이 span들 화살표 원하는 가정하면 label의 오른쪽에 표시 계속, 당신은 추가 할 :

#ListaDeEmpresas div.empresa { 
    clear: left; 
} 

이 각 레이블/스팬 세트가 이전 아래에 나타납니다 있는지 확인합니다.