文本开头几个单词之后的空白

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

你可以使用

&nbsp

在HTML代码中需要空格的文本后面。

你可以使用

<br/> 

从下一行开始。我希望你得到了答案。

Answer 2

你可以把它添加到你的span:

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

或者你可以把你想要的文本用<p></p>标签在它前面缩进，并应用这个css到p标签:

text-indent:10em;

或者您也可以使用 

Answer 3

谢谢你的回答。这帮助我找到了解决问题的方法。内联块就是我想要的。

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

Answer 4

添加{display:inline-block}

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

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

在行动:http://jsfiddle.net/2TW8N/1/