我正在寻找替代HTML中的非破坏空间

时间:2013-09-18 10:37:46

标签: html css

每当我使用如下句子时,在我的HTML代码中:

<p> This is a example sentence </p> or
 <h3> This is header Sentence </h3>

它从最左侧显示但我想在句子开始之前有一些空格。为此,我使用不间断的空间。但它看起来非常难看,因为我需要使用5到10倍的非破坏空间,如下所示:

 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

我也尝试使用&emsp;但在这种情况下我也需要使用5次。那么还有什么其他选择让我的句子以一些空格开始?

3 个答案:

答案 0 :(得分:3)

您可以使用text-indent属性在ph3

中缩进文字

或者,如果您要填充整个段落或标题,则应该有一个包装div并使用paddingmargin用于p以及{ {1}}。

但正如您所说,您正在使用h3,我确定您要找的是&nbsp;

text-indent

Demo


我已经编辑了你的问题,因为你只使用了html标签,我还添加了一个CSS标签,但是如果你想要一个HTML解决方案而不是看看p.class_name { text-indent: 20px; } 标签

答案 1 :(得分:0)

您可以使用css之类的

标签来填充

p{
    padding-left:10px;
}

答案 2 :(得分:0)

您是否尝试过使用边距?

要始终缩进,请使用以下代码:

HTML

<p> This is a example sentence </p>

CSS

p{
   margin-left:10px;
}