line height:3em : line height « CSS « HTML / CSS






line height:3em

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
        <head>
            <title></title>
            <style type='text/css'>
        p {
            margin: 10px;
            padding: 10px;
            color: black;
            border: thin solid;
            width: 250px;
            line-height: 3em;
            font-size: 1em;
        }
            </style>
        </head>
        <body>
      <p>
          Home computers are being called upon to perform many new functions, including 
          the consumption of homework formerly eaten by the dog.
              - Doug Larson
      </p>
        </body>
    </html>

   
    
  








Related examples in the same category

1.'line-height' Example
2.line-height: 1.5
3.line-height: 1.4em
4.line-height: 75%
5.line-height: 1.5;
6.line-height: 1.5em;
7.line-height: 75%;
8.Setting line heights
9.Line-height settings
10.line-height:normal;line-height:18px;line-height:1.5em;line-height:1.9ex;
11.line-height:1.5em;
12.Interlinear space
13.Examples of font-size and line-height
14.Set line height to 1em
15.Set line height to 1.5
16.line-height: 150%; assigns 150% of the font-size to line-height.
17.Padding sets apart text to emphasize it and line-height
18.Proportional line heights
19.Different line height with various measurements