<div class='text-container'>
    <h1>Understanding Line Height</h1>
    <p>This is an example of how the <strong>line-height</strong> property affects text spacing. Increasing the line-height can make text more readable and visually pleasing.</p>
    <p>Try adjusting the line-height value in the CSS to see how it changes the appearance of this text!</p>
</div>

.text-container {
    font-family: Arial, sans-serif;
    font-size: 16px;
}

h1 {
    line-height: 1.2;
    margin-bottom: 10px;
}

p {
    line-height: 1.8;
    margin-bottom: 15px;
}

// No JavaScript required for this demo

Understanding Line Height

This is an example of how the line-height property affects text spacing. Increasing the line-height can make text more readable and visually pleasing.

Try adjusting the line-height value in the CSS to see how it changes the appearance of this text!