CSS में यूनिट रहित line-height का मान

line-height गुण का मान अवश्य ही कुछ इकाइयों में संख्या नहीं होना चाहिए। बस एक संख्या या भिन्न भी लिखा जा सकता है। इस स्थित में वास्तविक line-height मान font-size के मान को इससे गुणा करके प्राप्त किया जा सकता है।

उदाहरण के लिए, font-size 10px है, और line-height 1.5 है। इस स्थिति में line-height का वास्तविक मान 10px * 1.5 = 15px होगा। खैर, पाठ की पंक्तियों के बीच दिखने वाला सफेद अंतर 5px होगा: 15px - 10px = 5px।

line-height निर्धारित करने के इस तरीके का लाभ यह है कि फ़ॉन्ट आकार बदलने पर लाइन की ऊंचाई भी स्वचालित रूप से बदल जाएगी।

आइए उदाहरण पर वर्णित अनुप्रयोग देखें:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 1.5;
	text-align: justify;
	width: 400px;
}

मान लीजिए पैराग्राफ के लिए फ़ॉन्ट आकार 30px है। line-height गुण को इस प्रकार सेट करें कि पैराग्राफ के बीच दिखने वाला सफेद अंतर 15px के बराबर हो। इसके लिए बिना इकाई वाले line-height मान का उपयोग करें।