在CSS中，我们通常使用float
属性来控制元素的对齐方式，比如把
一个元素浮动到左侧或右侧。但是，当我们需要让
一个span
标签在一行中居右而不浮动到上一行时，该怎么做呢？
下面是一些示例
代码，展示如何做到这一点：
首先，我们可以使用CSS的text-align
属性来居右
一个span
标签。例如：
p{
text-align: right;
}
span{
display: inline-block;
}
这里，我们把p
标签的文本
内容居右，并把span
标签设置为内联块级元素。这样，span
标签就可以在一行中排列，并且可以在该行的右侧对齐。
另一种
方法是使用CSS的float
属性，但是我们需要避免把span
标签浮动到上一行。为了做到这一点，我们可以设置span
标签的清除
属性为“both”。例如：
p{
text-align: right;
}
span{
display: inline-block;
float: right;
clear: both;
}
这里，我们把span
标签设置为右浮动，并且使用clear
属性来避免它浮动到上一行。清除
属性的值“both”表示清除左右两侧的浮动。
总的来说，这些
方法都很简单，但是能帮助我们在一行中轻松地实现span
标签的居右
效果。
