til 자식의overflow가 필수인 스타일이 필요할때

css display:inline 프로퍼티는 자식 콘텐츠를 콘텐츠 크기만큼의 가로공간을 강제로 확보하고 width,height를 허용하지 않은채로 가로배치하는 position 프로퍼티이다, 나는 flexbox나 gridbox를 사용할 수 없는, 자식의 overflow를 허용해야 하는 상황일때 사용한다.

flexbox와 gridbox는 자식컨텐츠가 overflow가 필수인 상황에선 사용하기 힘들다.
height를 최대 콘텐츠 기준이나 유저가 지정해준 크기를 기준으로 설정하기때문이다.

또한 inline과 유사한 display inline-block이 있는대 이는

외부 설정값인 margin,padding을 사용할수없는 inline의 단점을 없애고 width,height를 사용할수있게하며 , 무조건 한 컨텐츠마다 줄바꿈이 들어가는 block의 단점도 없앤 프로퍼티이지만, inline의 특징중 하나인 외부 설정값과 다른 스타일영역을 무시하는 특징도 없앴기때문에 overflow가 필수일땐 사용하지않는다.