div의 부동 HTML 문제

Question

HTML/CSS와 관련된 몇 가지 문제가 있습니다. 나는 divs로부터 숫자를 띄우고 싶다. 하지만 라인의 마지막 div는 내가 원하는 방식으로 떠오르지 않습니다. 그것은 내가 JSFiddle에 내 코드를 배치 그래서 설명하기 어려운 litte의 : 기본에서

, 내 HTML은 다음과 같습니다

<ul> 
    <li> 
    <div class="product-image"></div> 
    <div class="product-title"></div> 
    <div class="product-description"></div> 
    <div class="product-spec"></div> 
    <div class="product-offer"></div> 
    </li> 
</ul> 

CSS를 포함

전체 예 : http://jsfiddle.net/6r46B/

이미지 다음은이 사업부의의와 내가 방법을 그들 정렬하기 : 여기

문제는 사업부 .product-offer이 사업부 .product-spec의 권리를 떠 있다는 것입니다. 그러나 나는 모든 것을 원한다. 내가 어떻게 그럴 수 있니?

추신 :이 부분은 반응 형 디자인에 사용됩니다. 이것은 광범위한 예제가 될 것입니다.

Answer 1

제품 만들기 - DIV 순서대로 첫 번째 요소를 플로트 순서에서 우선 적용하십시오.