在html的同一行中有空格

时间:2012-06-21 09:33:35

标签: html html5

我想在同一行之间留出一些空间..我知道有<br>, <p>等元素。而不是使用这些,我想在角色之间添加一点空间......

示例代码:

 <strong>
   New? Register here!
</strong>
 <span>
    Register
 </span>

我想在他们之间留一些空间。如何在HTML中执行此操作?

5 个答案:

答案 0 :(得分:8)

在您的示例中,您可以应用一些CSS规则,例如:

span {
    margin-left: 5em;
}

或内联:

<strong>
   New? Register here!
</strong>
<span style="margin-left: 5em;">
    Register
 </span>

答案 1 :(得分:2)

为不会折叠的空格字符添加&nbsp;

或者,添加具有一定宽度的跨度,例如

<span style="width:50px;display:inline-block"></span>

(我认为元素必须是显示类型inline-block才能尊重块属性,例如填充,边框,边距,宽度等)。

答案 2 :(得分:1)

在关闭强力标记

之前添加'br /'

答案 3 :(得分:1)

&nbsp;表示空格字符。

不知道为什么你需要那个。

答案 4 :(得分:1)

改为使用:

<strong>
   New?&nbsp;Register&nbsp;here!
</strong>
<span>
   Register
</span>