하나의 CSS 코드 (공백)

Question

에 4 개의 똑같은 div를 넣을 때 도움이 필요합니다. (내 영어가 좋지 않다고 생각하는 법을 모르겠지만) 하나의 CSS 코드에 4 개의 동일한 div를 넣으려면 도움이 필요합니다.

문제 :이 DEMO에서 볼 수 있듯이

float:left; margin:10px 20px 10px 0; 

는, 탭 번호 2와 4는 공간에 맞지 않습니다. 오른쪽 구석에 여유 공간이 있지만 최대 간격은 20px입니다. jquery없이이 문제를 해결할 수 있습니까?

영어로 불편을 끼쳐 드려 죄송합니다. 답변을 제공해 주셔서 감사합니다. 아래에 언급 한 바와 같이

Answer 1

업데이트하여 탭 CSS :

.tabs 
{ 
    float:left; 
    margin:10px 0px 10px 0; 
    width:50%; 
    height:100px; 
    background:grey; 
} 

Live Demo

Answer 2

당신이 marign 오른쪽 지난 클래스를 추가 할 수 있습니다

:! 0 중요합니다; 내 예 here이며 그렇지 않으면 제가 당신에게 다른 기술

.tabs {float:left; margin:10px 20px 10px 0; width:48.5%; height:100px; background:grey; } 
.last{ margin-right:0 !important;}