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

Question

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

.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

HTML中有两个拼写错误，您无法使用<span>关闭</span>代码。它应该是：

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

这个错误导致你的edited-box类包装所有内容，因此CSS正在破坏。

Answer 2

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