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控制標簽的位置居中非常簡單，只要掌握其中的核心屬性和選擇器即可實現。希望對大家有所幫助！