Chạy thử Ví dụ Thuộc tính line-height trong CSS

Trình soạn thảo - Chạy thử Ví dụ Thuộc tính line-height trong CSS

Kết quả - Chạy thử Ví dụ Thuộc tính line-height trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ Thuộc tính line-height trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div{width:100%; float:left;background:green; color:#fff; margin-bottom:15px; height:auto}
</style>
</head>
<body>

<h1>Chạy thử Ví dụ Thuộc tính line-height trong CSS</h1>

<p>Dùng để quy định kích thước chiều cao của một dòng văn bản trong phần tử HTML, dòng chữ sẽ nằm giữa kích thước chiều cao đã quy định, bạn có thể dùng đơn vị px, % để quy định kích thước chiều cao:</p>

<div style="line-height:23px;">line-height:23px;</div>

<div style="line-height:40px;">line-height:40px;</div>

<div style="line-height:60px;">line-height:60px;</div>

<div style="line-height:normal;">line-height:normal;</div>

<div style="line-height:1.9;">line-height:1.9;</div>

<div style="line-height:80%;">line-height:80%;</div>

<div style="line-height:200%;">line-height:200%;</div>

</body>
</html>