display에는 block, inline, inline-block 총 3가지 속성이 있습니다.
block
-가로 한 줄을 100% 차지합니다.
-width, height, margin, padding에 값을 넣을 수 있습니다.
-block요소 태그 종류 : div, header, form, h1~h6, ul, ol, p, table, video 등
inline
-컨텐츠의 길이가 영역이 됩니다.
-width, height에 값을 넣을 수 없습니다.
-margin은 좌, 우에만 값을 넣을 수 있습니다.
-padding은 값을 넣을 수 있지만 공간은 좌, 우만 적용된다.
-inline요소 태그 종류 : a, i, span, img, input, br, textarea, label, button 등
inline-block
-block의 속성과 inline의 속성 둘 다를 갖습니다.
-width, height, margin, padding에 값을 넣을 수 있습니다.
genius🚀