CSS Vertical-Align: Căn chỉnh dọc cho phần tử inline

Thuộc tính vertical-align điều chỉnh căn chỉnh dọc của phần tử inline hoặc table-cell so với phần tử cha hoặc hàng văn bản.

Cú pháp

vertical-align: property-value;

Giá trị	Mô tả
`baseline`	Mặc định. Căn baseline của phần tử với baseline của cha.
`length`	Nâng/giảm phần tử theo độ dài cụ thể (px, em, cm...). Dương = lên, âm = xuống. Cũng chấp nhận % (so với line-height).
`sub`	Căn baseline subscript (chỉ số dưới) của cha.
`super`	Căn baseline superscript (chỉ số trên) của cha.
`top`	Căn đỉnh phần tử với đỉnh phần tử cao nhất trên dòng.
`text-top`	Căn đỉnh phần tử với đỉnh text của cha.
`middle`	Căn giữa phần tử với giữa của cha (thường là giữa x-height).
`bottom`	Căn đáy phần tử với phần tử thấp nhất trên dòng.
`text-bottom`	Căn đáy phần tử với đáy text của cha.
`initial`	Trở về giá trị mặc định (`baseline`).
`inherit`	Kế thừa từ phần tử cha.

vertical-align chỉ tác động trên inline/inline-block/table-cell. Không tác động trên block-level element.
Thường dùng cho: căn icon với text, căn input với label, layout inline phức tạp.

vertical-align là công cụ tinh chỉnh căn dọc cho inline elements. Hiểu rõ baseline, line-height, và các giá trị giúp kiểm soát layout chính xác.