[CSS] block / inline-block / inline 그리고 박스모델 속성

1. 인라인 요소

가로 크기: 콘텐츠의 크기

한 줄에 여러 개 배치

크기 값을 지정할 수 없음

상하마진을 지정할 수 없음

span a small big em u s del br q b strong mark

sub sup video audio

 

2. 블록 요소

가로크기 :100 한 줄에 하나 배치

가로, 세로 크기 지정 가능

상하마진 지정 가능

div, h1~h6 table figure figcaption caption header

nav footer section article aside p ul ol blockquote, li

td, th ,form, fieldset, hr

 

3. 인라인 블록 요소

가로크기 : 콘텐츠의 크기

한 줄에 여러 개 배치

가로, 세로 크기 지정 가능

상하마진 지정 가능

 img, input, button, FontAwesome

 

박스 모델

출처 나