🔸inline-block

╱🚧 under construction -> flow/writing direction

CSS ⟩ layout ⟩ display ⟩ inline-block

• inline-block：

  • 排版方式像 inline 元素（由左至右、由上到下）。

  • 但像 block 元素可設定 width, height。

  • 內建 inline-block 元素：img, button, select, input, textarea。

🗺️ 圖表

inline vs. inline-block

⭐️ 重點

• block elements are like paragraphs, and inline elements are like words.

📗 參考

• Every Layout (2021)