文本的前几个单词后面的自由空间

Question

我希望在文本的前几个单词之后有一些空闲空间。以下代码没有做我想要的，但希望向你们展示我的意思。无法工作的一个原因是span标记应转换为display:block。但在这种情况下，span标签后跟的文字将从下一行开始，但我希望它在距离左边界仅25em的同一行开始。

<span style="width:25em;">Lorem ipsum dolor sit amet,</span> consectetur adipisicing elit, sed do eiusmod tempor

Answer 1

您可以将其添加到您的跨度中：

display:inline-block;
margin-right:10em;

或者您可以使用<p></p>标记将要缩进的文本包装在其前面，并将此css应用于p标记：

text-indent:10em;

或者您也可以使用 

在文字之前或之后手动添加空格

Answer 2

你可以使用

&nbsp

在您需要空格的文本之后的html代码中

。

你可以使用

<br/> 

从下一行开始盯着看。  我希望你能得到答案。

Answer 3

只需添加{display：inline-block}

即可

span {
    display: inline-block;
    margin-right: 25em; 
}


<p><span>Lorem Ipsum</span> Dolor Sit Amet</p>

行动中：http://jsfiddle.net/2TW8N/1/

Answer 4

感谢您的回答。这有助于我找到解决问题的方法。我正在寻找内联块。

<span style="display:inline-block;width:25em;">Lorem ipsum dolor sit amet,</span> consectetur adipisicing elit, sed do eiusmod tempor