[CSS] display inline-block

display 인라인 블럭은 block과 inline 요소 모두 가진 아이

• 줄바꿈이 이루어지지 않는다.
• block처럼 width와 height를 지정 할 수 있다.
• 만약 width와 height를 지정하지 않을 경우, inline과 같이 컨텐츠만큼 영역이 잡힌다.

header>div>ul>li{
  display: inline-block;
}

을 지정 했을때

이렇게 줄바꿈이 이루어지지 않은 블럭형태로 변했다