inline, inline-block, block

display: inline

1. inline 요소는 태그안의 글자 길이만큼의 영역만을 점유한다.
2. inline태그의 예 - <span>, <a>, <img>
3. width, height 속성을 적용할 수 없다.

display: inline-block

1. inline-block 요소는 양 옆으로 나열할 수 있음.
2. inline-block태그의 예 - <button>, <input>, <select>
3. width, height 속성을 적용할 수 있음.

display: block

1. block 요소는 태그안의 글자 길이와 무관하게, 해당하는 라인을 전부 점유한다.
2. block태그의 예 - <div>, <h1>, <p>