line-height: 150%; assigns 150% of the font-size to line-height. : line height « CSS « HTML / CSS






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

line-height: 150%; assigns 150% of the font-size to line-height.

  


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Set text indent to 37%</title>
<style type="text/css">
p {
 text-indent: 37%;
 line-height: 150%;
}
</style>
</head>

<body>
  <p>
  This is test. This is test. This is test. This is test. This is test. 
  This is test. This is test. This is test. This is test. This is test. 
  This is test. This is test. This is test. This is test. This is test. 
  </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.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.Set line height to 1.5
17.Padding sets apart text to emphasize it and line-height
18.Proportional line heights
19.Different line height with various measurements