如何使HTML头部中的<span>元素水平居于右侧对齐？

如果你想让HTML头部中的`<span>`元素水平居于右侧对齐，你可以使用CSS的`text-align`属性结合`float`或者`display`属性来实现。以下是两种常见的方法：

1. **浮动法**:

   <div style="text-align:right;">
     <span>这是一段右对齐的文字</span>
   </div>

这里，我们将包含`<span>`元素的`<div>`设置为`text-align:right;`，使得其文本向右对齐，而`<span>`默认会随着其父元素一起浮动到右边。

2. **Flexbox 或 Grid 布局**:
如果你想使用更现代的布局技术，可以使用Flexbox或Grid：

   <style>
     .right-alignment {
       display:flex;
       justify-content:right;
     }
   </style>
   <div class="right-alignment">
     <span>这是一段右对齐的文字</span>
   </div>

对于Flexbox，`.right-alignment`容器设置了`justify-content:right;`使其内容向右对齐。

3. **绝对定位法** (适用于有固定宽度的情况)：

   <style>
     span {
       position:absolute;
       right:0;
       top:0;
       /* 可选的其他样式 */
     }
   </style>
   <span>这是一段右对齐的文字</span>

使用绝对定位将`<span>`放置在它所在元素的右边缘。