html中的缩进标签是什么？

Question

我想缩进我正在制作的 html 网站的文本。我不想继续输入

&nsbp;

四次。我知道有一种方法可以做到这一点，但我不确定如何做。谢谢！

Answer 1

如果您只是想缩进第一行，那么

 p { 
   text-indent: 4em; /* or 15px, or 5%, 2rem or 3vw */
 }

您可以轻松地将其应用于 div 或您想要的任何内容。

如果您想要缩进所有行，您当然会想要

padding-left: 4em;

Answer 2

在 HTML 中缩进文本的方法有很多。以下是我想到的一些：

<blockquote>test</blockquote>

<p style="margin-left: 15px;">text</p>

<p style="text-indent: 15px;">Only first line</p>

&nbsp;&nbsp;&nbsp;&nbsp;text

<pre>  text</pre>

<ul style="list-style: none;"><li>text</li>

<table width="100"><td></td><td>Ewww</td></table>

<dl><dd>text</dd></dl>

<span style="width: 10px; display: hidden;"></span><span>text</span>

您可以在以下位置查看结果：https://jsfiddle.net/brettbatie/ue61pk7q/

Answer 3

text-indent

可以缩进段落或 div 中文本的第一行。

可以这样使用：

<element selector> {
  text-indent: <how much>;
}

如果要缩进所有行，请使用

padding

，如下所示：

<element selector> {
  padding: <how much>;
}