인라인 요소 사이에 생기는 빈 공간 제거하기

▶ 예제실습코드 1-5 : 인라인 요소 사이에 생기는 빈 공간 제거하기

(1) 음수 마진 (negative margin) 이용하기

margin 속성의 음수값을 이용한다.

(2) 마크업에서 공백 제거 (Remove the spaces)

마크업에서 공백을 제거하거나 html주석처리를 이용한다.

(3) 폰트사이즈 재설정

상위요소의 폰트사이즈를 0으로 설정하고, 하위요소의 폰트사이즈를 재설정

(4) display: table 속성 이용하기

• 상위요소 : {display: table;}
• 하위요소 : {display: table-cell;}