如何在两个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正在破坏.