[멋쟁이 사자처럼]block vs inline

block element

예) div, h1, p, li

최대한 많은 가로 길이 차지(가로 전체)

​

inline

예) span, a, b, i, img, button

다른 요소들과 같은 줄에 머무려하는 성향, 필요한 길이 만큼의 가로 길이 차지

​

---

<img>태그는 inline 요소이지만 widthm height를 설정할 수 있다.

inline-block 요소와 같다고 할 수 있다.

​

inline-block 요소 : 다른 요소들과 같은 줄에 머무르지만 block 요소처럼 가로 세로 길이도 설정해주고 싶다면

css에서 설정하기

​

inline 요소는 auto로 설정

block 요소는 넓이와 높이 값을 가짐

​

​

​