중복 인라인 div

Question

나는 this problem을 가지고 있으며 jsfiddle를 사용하여 해결하려고 노력하고 있지만 CSS가 좋지 않습니다. 당신이 내가이 문제를 해결하도록 도울 수 있기를 바랍니다. 두 번째 줄에서 다음 div를 구분하고 싶었습니다. 겹치는 부분을 피하기위한 공간. 인라인으로 표시해야하지만 문제는 다음 행으로 이동하는 경우 div의 다음 줄이 div의 이전 줄과 중첩됩니다. 모든 div를 인라인으로 표시하도록 설정했음을 알고 어떻게 마진을 추가 할 수 있습니까? 사전에

감사합니다 :)

Answer 1

이게 맞습니까? inline-block로 변경 http://jsfiddle.net/2bLs7/11/

.a{ 
    border:solid 1px black; 
    display:inline-block; 
    margin-bottom: 1px; 

    zoom: 1; 
    *display: inline 
} 

당신이 계신되지 않을 수도 있습니다,하지만 당신은 그렇게 생각하지 않는 경우,이 좋은 것 같다.

여기에 필요한 해킹이 포함되어 있습니다. work in IE7.

Answer 2

이 시도 :

.a { 
    border: solid 1px black; 
    display: inline-block; 
    margin: 5px 0 0 0; 
} 

, 나는 inline-block이 inline에 반대 사용도 참조하십시오. margin: 5px 0 0 0;은 상단에 여백이 5px 인 것으로 알려줍니다.

Answer 3

간격을 추가하려면 line-height: 150%을 추가 할 수 있습니다.