inline과 block

이미지를 제외하고 모두 글자와 상자로 이루어져있다고 보면된다.(화면에 출력되는 속성)

inline은 글자를 만들기위한요소

block은 상자를 만들기위한요소

span태그가 하나의 글자로 인식되기때문에 2개의 글자이고 줄바꿈시에는 띄어쓰기가 됨

인라인요소는 가로세로사이즈를 지정할수없다.

인라인요소는 좌우 여백만 정상작동한다.

글자안에 상자를 넣을수없다. 글자안에 글자는 오케이

 

block 특징

가로너비는 최대한 늘어난다.

block은 inline에 비해 제약사항이 없는것이 특징이다.

상자이기에 가로세로 지정가능

좌우여백 가능

상자안에 글자를 넣을수있고 상자안에 상자를 넣을수있다.