display

display: block

• 언제나 새로운 라인(line)에서 시작한다.
• 해당 라인의 모든 너비를 차지한다.

블록(block) 요소: <div>, <h1>, <p>, <ul>, <ol>, <form>

display: inline

• 새로운 라인(line)에서 시작하지 않는다.
• 요소의 너비는 해당 HTML 요소의 내용(content)만큼만 차지한다.

인라인(inline) 요소: <span>, <a>, <img>

display: inline-block

• inline 요소와 마찬가지로, 줄바꿈을 하지 않고 해당 요소의 내용만큼만 너비를 차지한다.
• inline 요소에서 적용할 수 없었던 width, height, margin, padding, line-height 속성을 적용할 수 있다.