Home > Article > Web Front-end > html sets the indentation of the first line of page text

html sets the indentation of the first line of page text

王林forward: 2020-02-24 17:51:216843browse

text-indent attribute introduction

Attribute value unit: em, 1em means indenting 1 word, 2em means indenting 2 words...

Note: The value of the text-indent attribute supports negative numbers.

(Related tutorial recommendations: html introductory tutorial)

Demo code:

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>设置首行缩进</title>
    <style>
        p{            
                text-indent: 2em;
        }
      </style>
      </head>
      <body>
    <p>成功不是打败别人，而是改变自己。
        成功不是打败别人，而是改变自己。成功不是打败别人，而是改变自己。
        成功不是打败别人，而是改变自己。成功不是打败别人，而是改变自己。
        成功不是打败别人，而是改变自己。成功不是打败别人，而是改变自己。
        成功不是打败别人，而是改变自己。成功不是打败别人，而是改变自己。
        成功不是打败别人，而是改变自己。成功不是打败别人，而是改变自己。
        成功不是打败别人，而是改变自己。成功不是打败别人，而是改变自己。    
</p>
</body>
</html>

The result is as shown in the figure:

html sets the indentation of the first line of page text

For more programming-related content, please pay attention to the Programming Introduction column on the php Chinese website!

The above is the detailed content of html sets the indentation of the first line of page text. For more information, please follow other related articles on the PHP Chinese website!

php html

Statement：

This article is reproduced at:cnblogs.com. If there is any infringement, please contact admin@php.cn delete

Previous article：How to set the page text font size in htmlNext article：How to set the page text font size in html

See more

html sets the indentation of the first line of page text

Related articles