Thiết lập chiều cao dòng (Line Height) bằng CSS

Để thiết lập chiều cao dòng, sử dụng thuộc tính line-height.

line-height: normal | number | length | initial | inherit;

Ví dụ 1: Số không đơn vị (khuyến khích)

<!DOCTYPE html>
<html>
<head>
<style>
div { line-height: 1.9; }
</style>
</head>
<body>
<h1>Tiêu đề Demo</h1>
<div>
  <p>Đây là văn bản demo.<br> Đây là văn bản demo khác.</p>
</div>
</body>
</html>

Kết quả

Ví dụ 2: Phần trăm

<!DOCTYPE html>
<html>
<head>
<style>
div { line-height: 200%; }
</style>
</head>
<body>
<h1>Tiêu đề Demo</h1>
<div>
  <p>Đây là văn bản demo.<br> Đây là văn bản demo khác.</p>
</div>
</body>
</html>

Kết quả

Các kiểu giá trị:

Khuyên dùng: Số không đơn vị (1.5, 1.6) cho khả năng kế thừa và responsive tốt nhất.