css 공부 : 블록, 인라인, 인라인블록 알아보기

블록

블록은 브라우저의 한 줄로 꽉 채워져 표현되는 요소입니다.

div {
  display: block;
}

인라인

인라인은 콘텐츠만큼의 채워져 표현되는 요소입니다.

div {
  display: inline;
}

인라인-블록

인라인이랑 블록이랑 합친 상태로 보여집니다.

div {
  display: inline-block;
}