inline 요소

inline 요소는 margin, padding, border를 왼쪽, 오른쪽에만 줄 수 있다.

위, 아래에는 줄 수 없다.

p태그 속에 있는 span 태그에만 margin-top이 있다고 상상해보자. 얼마나 레이아웃이 이상해질까! margin-top, bottom을 줄 수 없기에 이런 점을 방지할 수 있다.

padding-top, bottom은 줄 수는 있지만 위, 아래에 있는 요소를 그냥 다 가려버리므로 사용하면 문제가 생긴다.