forum

Home / DeveloperSection / Forums / What is the CSS property used to control the spacing between lines of text within an element?

Ask Question

What is the CSS property used to control the spacing between lines of text within an element?

Utpal Vishwas32706-Jun-2023

What is the CSS property used to control the spacing between lines of text within an element?

css-css3css css position css line hight 
Updated on 07-Jun-2023
Utpal Vishwas

Utpal Vishwas

Follow
I am Utpal Vishwas from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

07-Jun-2023

The CSS property used to control the spacing between lines of text within an element is the line-height property. It specifies the height of a line box, which is the area that contains a line of text. The line-height property can be used to increase or decrease the spacing between lines of text.

The line-height property can be set to a number, a percentage, or a keyword. A number specifies the height of the line box in terms of the font size. For example, a line-height value of 1.5 will set the height of the line box to 1.5 times the font size. A percentage specifies the height of the line box as a percentage of the height of the containing element. For example, a line-height value of 120% will set the height of the line box to 120% of the height of the containing element. A keyword can be used to set the line height to a specific value. The available keywords are:

  • normal: The default line height.
  • single: The line height is equal to the font size.
  • double: The line height is twice the font size.
  • initial: The line height is set to its initial value.
  • inherit: The line height is inherited from the parent element.

The line-height property can be used to control the spacing between lines of text in any element. However, it is most commonly used to control the spacing between lines of text in paragraphs.

Here is an example of how to use the line-height property to increase the spacing between lines of text in a paragraph:

Code snippet

p {
  line-height: 1.5;
}

This code will set the line height of all paragraphs to 1.5 times the font size. This will increase the spacing between lines of text, making the paragraph easier to read.

Liked By