什么是HTML中的缩进标签?

时间:2014-04-12 03:25:13

标签: html css indentation

我想缩进我用Html制作的网站的文字。我不想四次输入&nsbp;。我知道有办法做到这一点,但我不知道怎么做。谢谢!

3 个答案:

答案 0 :(得分:7)

如果您只想缩进第一行,那就是

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

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

如果您希望缩进所有行,您当然需要padding-left: 4em;

答案 1 :(得分: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>

您可以在http://jsfiddle.net/2My4b/5/

看到结果

答案 2 :(得分:1)

text-indent可以在段落或div中缩进第一行文本。

可以像这样使用:

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

如果要缩进所有行,请使用padding,如下所示:

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