인라인블록(inline-block) margin 제거

인라인블록(inline-block) margin 제거

 

• 인라인 블록으로 가로 배치한 후 생기는 마진은 부모 요소에 font-size:0 으로 하면 사라짐
• img 태그로 발생한 마진은 부모 요소에 font-size:0을 입력하거나, img에 display:block 으로 하면 사라짐
• 뒤에 있는 인라인 또는 인라인블록 요소를 자신의 수직 중앙 배치시키려면 vertical-align: middle 하면됨