如何在两个跨度元素之间添加间距

Question

我有两个跨度元素。我希望他们并排坐在一起，并包含一些文字。这可能吗？如果是这样我做错了什么？

.added-box{ 
background-color:#06C; 
padding:8px; 
margin:8px; 
} 

.edited-box{ 
background-color:#093; 
padding:8px; 
margin:8px; 

} 

和页面代码：

<p align="right"> 
    <span class="edited-box">sfds<span> 
    <span class="added-box">sfds<span> 
</p> 

编辑：我所希望得到的是一个框，有点像其中有我的名字了一个这个页面上，一次我问这个问题，我的观点。我不介意我如何得到它，但首选CSS，它看起来像StackOverflow正在使用一个表。这是做到这一点的唯一方法吗？

Answer 1

如果您未能关闭<span>标签</span>，您的HTML中有两个拼写错误。它应该是：

<p align="right"> 
    <span class="edited-box">sfds</span> 
    <span class="added-box">sfds</span> 
</p> 

此错字导致您的edited-box类包裹所有内容，因此CSS正在中断。

Answer 2

使用 表示跨度之间的空间。