(웹) element 배치방식

display:block(제일 흔한 방식)

위에서 아래로 채워짐

 

p tag를 추가해봄

p태그는 기본적으로 마진값을 가지고 있기 때문에 공간이 생김

 

inline 옵션을 추가해봤다.

css

display : inline;

inline옵션을 추가했더니 왼쪽에서 오른쪽으로 채워진다!

 

inline 옵션을 가지고 있는 속성들

span, a, strong

왼쪽에서 오른쪽으로 채워진다

 

inline옵션을 가지고 있는 속성들에

display: block; 추가

위에서 아래로 채워짐(블록 형태이기 때문이다)

연습시 border:1px solid gray 추가하기 -> 어떤 식으로 공간 차지하는지 확인 가능