inline-box 和 line-box

inline box 是在 line box 中的 box，line box 中的 inline box 是水平排列的，当不够位置了，可能就会换行形成一个新的 line box。

同一个 inline box 可能位于多个 line box 中，虽然如此，给这个 inline box 增加 margin，border，padding 等，并不会因为它在多个 line box 中而分别作用。

inline box 在垂直方向上的 padding 和 border 不会推开上下的元素，会和它们重叠。

参考资料：mozilla

相关笔记：

• button 中的 img 上下居中对齐：vertical-align 只能用于 inline、inline-box、table-cell 元素；