Code Thuộc tính vertical-align trong CSS

Code Thuộc tính vertical-align trong CSS

Code Thuộc tính vertical-align trong CSS

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>

<p>vertical-align:<span style="vertical-align:super" >super</span> (Canh chữ nhỏ nằm trên các chữ trong hàng, trên cả text-top và top )</p>

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

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

<p>vertical-align:<span style="vertical-align:text-bottom" >text-bottom</span> (Canh chữ nhỏ nằm dưới các chữ trong hàng)</p>

<p>vertical-align:<span style="vertical-align:bottom" >bottom</span> (Canh chữ nhỏ nằm dưới các chữ trong hàng, dưới cả text-bottom)</p>

<p>vertical-align:<span style="vertical-align:-webkit-baseline-middle" >-webkit-baseline-middle</span> (Canh chữ nhỏ nằm dưới các chữ trong hàng, dưới cả bottom)</p>

<p>vertical-align:<span style="vertical-align:sub" >sub</span> (Canh chữ nhỏ nằm dưới các chữ trong hàng, dưới cả -webkit-baseline-middle)</p>

<p>vertical-align:<span style="vertical-align:baseline" >baseline</span> (Canh chữ nhỏ nằm giữa các chữ trong hàng)</p>

<p>vertical-align:<span style="vertical-align:middle" >middle</span> (Canh chữ nhỏ nằm giữa các chữ trong hàng)</p>

</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