Tryit CSS-Property

<!DOCTYPE html>
<html>
<head>
<style>

div{
 background-color:#f2f2f2;
 padding:5px; 
 margin:10px 0;
}

div.f1{
 line-height: normal;
}

div.f2{
 line-height:2;
}

div.f3{
 line-height:5px;
}

</style>
</head>
<body>

<h2>line-height=normal</h2>
<div class="f1">
Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.
</div>

<h2>line-height=2 [معادل 32پیکسل]</h2>
<div class="f2">
Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.
</div>

<h2>line-height=5px</h2>
<div class="f3">
Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.Salam In Yek Matn Baraye Test Mibashad.
</div>

</body>
</html>

Www.Free-Learn.Ir