只需使用块级元素将内联元素包含起来，并设置 text-align: center ，即可实现居中。 - 在线编辑器

CSS 布局
CSS水平，垂直居中的11个场景
只需使用块级元素将内联元素包含起来，并设置 text-align: center ，即可实现居中。

          <style>
  .parent-1 {
    text-align: center; /* 使内联元素居中 */
  }
</style>

<div class="parent-1">
  我是一个水平居中的文本。
</div>

<div class="parent-1">
  <a href="#">链接1</a>
  <a href="#">链接2</a>
  <a href="#">链接3</a>
  <a href="#">链接4</a>
</div>

        