CSS line-height property

CSS Web Development Front End Technology

The line-height property is used to set the height of a line of text. The value of the line-height property can be a number, a length, or a percentage.

Example

<html>
   <head>
   </head>
   <body>
      <p style = "width:300px; height:100px; border:2px solid green; padding:5px; margin:10px; line-height:30px;">
         This paragraph is 300 pixels wide and 100 pixels high and here line height is 50 pixels.
      </p>
   </body>
</html>

Karthikeya Boyini

Published on 17-Apr-2018 13:19:44

Related Questions & Answers
Perform Animation on CSS line-height property
CSS height property
Setting Line Height using CSS
Setting Line Height in CSS
CSS max-height property
Animate CSS height property
Usage of height property with CSS
The max-height Property in CSS
The min-height Property in CSS
Set the height of a line of text with CSS
CSS min-height
What is the difference between height and line-height?
HTML Screen height Property
Add CSS transition effect for both the width and height property
HTML DOM Object Height Property

Previous Page Print Page