line-height প্রোপার্টি দিয়ে টেক্সটের লাইনগুলোর মাঝপথি উঁচু (লিডিং) নিয়ন্ত্রণ করা হয়। এটি রিডেবিলিটি বাড়াতে খুবই গুরুত্বপূর্ণ।
মানগুলো:
normal | <number> (unitless, ফন্ট সাইজের গুণক) | <length> (px, em, cm) | <percentage> | initial | inherit
উদাহরণ ১: ইউনিটলেস নম্বর (সেরা অনুশীলন)
<!DOCTYPE html>
<html>
<head>
<style> div { line-height: 1.9; } </style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text.<br> This is another demo text. </p>
</div>
</body>
</html>
উদাহরণ ২: পার্সেন্টেজ (200%)
<!DOCTYPE html>
<html>
<head>
<style> div { line-height: 200%; } </style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text.<br> This is another demo text. </p>
</div>
</body>
</html>
সেরা অনুশীলন: ইউনিটলেস নম্বর (1.5, 1.6) ব্যবহার করুন, কারণ এটি চাইল্ড এলিমেন্টে সঠিকভাবে ইনহেরিট হয়।
