CSS – Set Line Height for Paragraph

To set line height for paragraph element using CSS, set line-height property of the paragraph with required CSS Length Unit.

Example

</>
Copy
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <style>
        #p1 {
            line-height: 30px;
        }
        #p2 {
            line-height: 50px;
        }
    </style>
</head>
<body>
    <p>A paragraph with default line height. A paragraph with default line height. A paragraph with default line height. A paragraph with default line height. A paragraph with default line height. A paragraph with default line height. </p>
    <hr>
    <p id="p1">A paragraph with line height = 30px. A paragraph with line height = 30px. A paragraph with line height = 30px. A paragraph with line height = 30px. A paragraph with line height = 30px. A paragraph with line height = 30px.</p>
    <hr>
    <p id="p2">A paragraph with line height = 50px. A paragraph with line height = 50px. A paragraph with line height = 50px. A paragraph with line height = 50px. A paragraph with line height = 50px. A paragraph with line height = 50px.</p>
</body>
</html>

Conclusion

In this CSS Tutorial, we learned how to set line-height for paragraph element(s) using CSS.