> For the complete documentation index, see [llms.txt](https://docs.webmix.cc/html-and-css/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webmix.cc/html-and-css/3.-css/3.15-pai-ban-guan-wu-verticalalign-dui-qi.md).

# 3.9 排版 - vertical-align 對齊

## 範例一

針對同層級的元素，在水平方向排列時，該如何對齊。

* baseline：字母 x 下緣處，就叫做基準線。(這是預設值)
* top：上方切齊。
* middle：中間切齊。
* bottom：下方切齊。

例：

{% embed url="<https://codepen.io/carlos411/pen/zYKEweQ>" %}

## 範例二：縫隙問題

div 標籤內，僅一張圖。

{% embed url="<https://codepen.io/carlos411/pen/YzGPBBa>" %}