How to set line spacing in html paragraphs

Paragraph line spacing can be set by the following methods: Using the CSS property line-height Using the HTML tag <br> Using the line-height attribute in the

tag

How to set HTML paragraph line spacing

In HTML, the method to set paragraph line spacing is as follows:

1. Use CSS property

Use CSS property line-height to set the paragraph line spacing, the unit can be px, em, % or unit less.

p {
  line-height: 1.5em;
}

2. Use HTML tags

Use HTML tags <br> to create new lines, thus increasing paragraph line spacing.

<p>
  第一行<br>
  第二行<br>
  第三行
</p>

3. Use the line spacing attribute

In the <p></p> tag, use the line-height attribute to set it directly Paragraph line spacing, the unit can be px, em, % or unit less.

<p line-height="1.5em">
  段落内容
</p>

It should be noted that different browsers may have differences in rendering line spacing. If consistent rendering across browsers is required, it is recommended to use the CSS property line-height.

The above is the detailed content of How to set line spacing in html paragraphs. For more information, please follow other related articles on the PHP Chinese website!