🔸inline

╱🚧 under construction -> flow/writing direction

CSS ⟩ layout ⟩ display ⟩ inline

• inline：

  • width, height 由它的內容 (content) 決定，不可設定。

  • 可以設定水平方向的 margin, padding。

  • 無法設定垂直方向的 margin-top, margin-bottom。

  • 跟隨 writing direction 流動。

🗺️ 圖表

inline vs. inline-block

⭐️ 重點

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

📗 參考

• Every Layout (2021)