css span 居右

CSS的span标签可以用来设置内联元素的样式，其中一个常用的属性就是“text-align”，它可以控制文字的对齐方式，包括居左、居中、居右等。下面是一段示例代码，展示如何让一个span元素居右显示：

<style>
    span {
        display: inline-block;  /* 使span元素能够被水平方向定位 */
        text-align: right;  /* 让文字居右对齐 */
        width: 100px;  /* 指定span元素的宽度 */
    }
</style>
<p>这是一段文字，其中包含一个<span>内联元素。<span>元素的样式为：</p>
<p>这是一段文字，<span style="display: inline-block; text-align: right; width: 100px;">居右对齐</span>。</p>

在上面的代码中，我们为span元素设置了“display: inline-block;”的样式，使其能够被水平方向定位。然后，我们设置了“text-align: right;”的样式，让里面的文字居右对齐。最后，我们指定了span元素的宽度为100px。

下面是一个实际效果的演示，可以看到我们成功地让span元素居右对齐：

总结来说，通过设置span元素的“text-align”属性为“right”，我们可以实现文字的居右对齐效果。