[CSS] display: inline-block;

 

display: inline;

display: block;

display: inline-block;

 

inline은 기본적으로 한 줄에 배치되는 것이고, block은 그와 다르게 매번 줄바꿈을 거쳐 배치되는 것입니다. 이 두 가지를 합친 display: inline-block;은 한글에서 도형을 '글자처럼 취급'한 것과 비슷한 효과처럼 보이는데요, 블럭의 형태는 유지한 채, 글자들과 함께 한줄에 존재하게 됩니다.

 

 

---

https://www.w3schools.com/css/css_inline-block.asp