CSS (inline-block and block)

block 의 예시

이미지와 같이 block 요소는 그 요소의 전체 영역을 사용한다.

 

inline-block 예시

div css 스타일에 display : inline-block 적용하게 되면 위 그림과 같이 블럭 영역이 텍스트 영역으로 바뀌게 되면서 폭과 넓이가 생기게 된다.

 

샘플