css：如何获得同一行上的两个标签之间的空格？

Question

我想在html文档中的同一行上显示一些标签，它们之间有一定的空间。这确实有用。 如何让这个工作更好的方式？

<div> 
firstlabel &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp secondlabel 

</div> 

Answer 1

你可以换你的“标签”在<span>标签，给他们班，并与CSS添加margin。

这里举例：http://jsfiddle.net/peduarte/Rf5kB/

HTML

<div> 
    <span class="firstLabel">firstlabel</span> 
    <span class="secondLabel">secondlabel</span> 
</div> 

CSS

.firstLabel { 
    margin-right: 50px; 
} 

Answer 2

你应该在&之后使用分号。

<div> 
firstlabel &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; secondlabel 
</div> 

Answer 3

正确的非易碎空间实体 ，你忘了在最后的分号（;）。然而，要实现你想要做的事情的更好的方法是将第一标签和第二标签放在<span>标签中，并使用css使它们分开，就像peduarte所建议的那样。

Answer 4

对不起，但这是一个非常奇怪的方式来做到这一点。为什么不把这些标签放在<p>-Tags中，并通过边距，填充格式化间距？

Answer 5

试试这个：

<div class="main"> 
    <div class="left">firstlabel</div> 
    <div class="right">secondlabel</div> 
</div> 

.main{ 
    width:220px; 
    } 
.left{ 
    width:110px; 
    float:left; 
    text-align:left; 
    } 
.right{ 
    width:110px; 
    float:right; 
    text-align:right; 
    } 

Answer 6

它是否有效取决于浏览器;正确的符号是 用分号（如nyarlathotep所述）。但没有休息的空间会给你很粗暴的控制。更好的方法是使用CSS，例如

<div><span style="padding-right: 5em">firstlabel</span>secondlabel</div> 

您可以使用适合您的上下文的任何单位来调整填充右值。但通常情况下，em单元是最合适的，因为这意味着当字体大小发生变化时，间距会自动缩放。

Answer 7

我很惊讶，没有一个人提出的简单的内嵌样式： <div style="margin-right: 500px;">firstlabel</div>