CSS display 속성 정리

block, inline-block 실험 결과

 

1. inline-block을 입력하면 background가 text 길이에 맞춰서 채워진다.

2. width 가로를 함께 입력하면 background가 입력한 가로 크기에 맞춰 채워진다.

3. 본인이 display:inline-block을 입력하고, 자식도 display:inline-block을 입력해야 자식이 본인의 옆, 가로로 이동하게 된다.  본인이 입력하지 않고, 자식도 입력하지 않으면 기본 세로로 보여지게 된다.