在 HTML 中为内联元素居中，通常使用 CSS。以下是两种实现方式，分别使用容器和直接居中元素本身。

1. 在容器中居中内联元素

如果内联元素（如 span 或 a）位于容器中，可以将其水平居中放置在容器中。

  • 首先，创建一个 div 容器并设置 text-align: center;，然后将内联元素放入其中：
<div style="text-align: center;">
<span>这是一个居中的内联元素</span>
</div>
  • 这里，容器 div 的 text-align: center; 会确保其中所有的内联元素都水平居中。

2. 直接居中内联元素

如果没有容器，要使按钮或链接等内联元素居中，可以使用 display: inline-block; 将其转换为块状属性，再应用 text-align: center;。

<span style="display: inline-block; text-align: center;">居中的内联元素</span>