Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính vertical-align trong CSS</title>
<style>
p{background:#000;color:#fff; padding:10px}
span{font-size:10px;background:red}
</style>
</head>
<body>

<h1>Code Thuộc tính vertical-align trong CSS</h1>

<div>Dùng để canh phần tử HTML có kích thước nhỏ theo chiều dọc so với các chữ có trên một hàng:</div>

vertical-align:super (Canh chữ nhỏ nằm trên các chữ trong hàng, trên cả text-top và top )

vertical-align:text-top (Canh chữ nhỏ nằm trên các chữ trong hàng,bằng top và thấp hơn super )

vertical-align:top (Canh chữ nhỏ nằm trên các chữ trong hàng,bằng text-top và thấp hơn super )

vertical-align:text-bottom (Canh chữ nhỏ nằm dưới các chữ trong hàng)

vertical-align:bottom (Canh chữ nhỏ nằm dưới các chữ trong hàng, dưới cả text-bottom)

vertical-align:-webkit-baseline-middle (Canh chữ nhỏ nằm dưới các chữ trong hàng, dưới cả bottom)

vertical-align:sub (Canh chữ nhỏ nằm dưới các chữ trong hàng, dưới cả -webkit-baseline-middle)

vertical-align:baseline (Canh chữ nhỏ nằm giữa các chữ trong hàng)

vertical-align:middle (Canh chữ nhỏ nằm giữa các chữ trong hàng)

</body>
</html>

Code Thuộc tính vertical-align trong CSS nằm trong bài viết Thuộc tính vertical-align trong CSS