CSS

A layout style that allows elements to sit side by side while having their own width and height.

inline-block

inline-blockは、テキストのように横に並ぶ「インライン要素」の特徴と、幅や高さを指定できる「ブロック要素」の特徴を両方もつ表示方法です。

たとえば、ボタンやアイコンなどを横に並べつつ、それぞれのサイズや余白をしっかり調整したいときに便利です。

「横に並びながらサイズも指定できる」と覚えると理解しやすいです。