• October 20, 2022
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    div.a {
      line-height: normal;
    }
    
    div.b {
      line-height: 1.6;
    }
    
    div.c {
      line-height: 80%;
    }
    
    div.d {
      line-height: 200%;
    }
    </style>
    </head>
    <body>
    
    <h1>The line-height Property</h1>
    
    <h2>line-height: normal (default):</h2>
    <div class="a">This is a paragraph with a standard line-height.<br>
    The standard line height in most browsers is about 110% to 120%.</div>
    
    <h2>line-height: 1.6 (recommended):</h2>
    <div class="b">This is a paragraph with the recommended line-height.<br>
    The line height is here set to 1.6. This is a unitless value;<br>
    meaning that the line height will be relative to the font size.</div>
    
    <h2>line-height: 80%:</h2>
    <div class="c">This is a paragraph with a smaller line-height.<br>
    The line height is here set to 80%.</div>
    
    <h2>line-height: 200%:</h2>
    <div class="d">This is a paragraph with a bigger line-height.<br>
    The line height is here set to 200%.</div>
    
    </body>
    </html>
    


เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories


Uncategorized