노루의 씨분투 세상

[CSS] inline 속성일 때, 4px의 여백에 대하여 오늘은 CSS 에서 display 속성이 inline 혹은 inline-block인 엘리먼트들에 왜 4px 정도의 여백이 생기는지를 알아보도록 하겠습니다. 물론 그 이유를 알게 되면 해결책도 간단합니다. 4px의 미세한 차이.. 4px의 미세한 차이를 볼 수 있는 예제코드를 먼저 띄워드립니다. block div block div 1 2 3 그리고 다음은 실행 결과입니다. 자, 그림을 먼저 봅시다. 위에는 float:left로 붙어 있는 block 속성의 div 엘리먼트구요. 아래 숫자박스는 inline-block의 span 엘리먼트입니다. float으로 붙어있는 엘리먼트들 사이에는 간격이 없는데, inline속성을 가져서 옆에 붙는 엘리먼트들 사..