inline : display 속성이 inline으로 지정된 엘리먼트는 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치.
<span>,<a>,<em> 등
padding-left, right 같이 양 옆으로 값이 실행된다.
padding-top, bottom에 값을 주기 위해서는3
display:inline-block;이나 display:block;을 주어 인라인요소를 블록화해야 한다.
block : 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 차지한다.
inline-block : inline 엘리먼트처럼 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치되지만, block 엘리먼트처럼 width와 height 속성 지정 및 margin과 padding속성의 상하 간격 지정이 가능하다. block 엘리먼트의 규칙을 따르면서 외부적으로 inline 엘리먼트의 규칙을 따른다.