Set line height to 1.5 : line height « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. line height

Set line height to 1.5

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <title></title>

<style type="text/css">

body {
  font-size: 62.5%;
  margin: 10% 10% 20% 10%;

}

h1 {
  font-size: 2.5em;
  width: 66.6%;
  margin: 0 0 0.1em 0;
}

p {
  margin: 0 0 1em 0;
  font-size: 1.2em;
  line-height: 1.5;
}

</style>

    </head>
    <body>

<div id="frame">

    <h1>Header 1</h1>
    
   
    <p>This is a test.</p>

</div>

    </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.line height:3em
9.Setting line heights
10.Line-height settings
11.line-height:normal;line-height:18px;line-height:1.5em;line-height:1.9ex;
12.line-height:1.5em;
13.Interlinear space
14.Examples of font-size and line-height
15.Set line height to 1em
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