CSS是我们在网站设计中最常用的样式表语言之一，用它能够实现很多酷炫的效果。其中，控制标签的位置居中是常见需求之一，无论是文字还是图标，都需要对其进行居中处理。那么，如何使用CSS来实现呢？

span {
display: inline-block; /* 将span转换成块级元素 */
text-align: center; /* 水平居中 */
line-height: 1.5em; /* 垂直居中 */
height: 1.5em; /* 垂直居中 */
}

上面的代码中，我们将标签的display属性设置为inline-block，这样可以将其转换成块级元素，从而可以进行水平居中。接着，我们给它一个line-height的值，这样可以使其垂直居中。同时，我们也要设置它的height属性，使其垂直居中。

如果我们要将多个元素居中，也可以使用以下代码：

.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
.container span {
margin-right: 10px; /* 设置元素间距 */
}

我们在最外层包裹了一个容器，并给其display属性赋值为flex，这样就可以让容器内的元素水平和垂直居中。在.container span中，我们还可以设置元素之间的距离。

总之，使用CSS控制标签的位置居中非常简单，只要掌握其中的核心属性和选择器即可实现。希望对大家有所帮助！