CSS內聯元素居中可以通過以下步驟實現：

1. 設置內聯元素的寬度
2. 設置內聯元素的左右margin為auto
3. 將內聯元素的父級元素設置為文本居中或者使用flex布局居中

第一步：設置內聯元素的寬度

由于內聯元素的寬度默認為內容的寬度，因此需要手動設置一個合適的寬度以便于居中。

span {
width: 100px;
}

第二步：設置內聯元素的左右margin為auto

這一步是使用margin屬性實現的，將左右margin設置為auto即可。在設置了此步驟后，元素會橫向居中。

span {
width: 100px;
margin: 0 auto;
}

第三步：將內聯元素的父級元素設置為文本居中或者使用flex布局居中

這一步是針對內聯元素的父級元素進行設置的。可以將父級元素的文本對齊方式設置為center也可以使用flex布局的居中方式。

.container {
position: relative;
text-align: center; 
}
/* 或者使用 flex 布局 */
.container {
display: flex;
justify-content: center;
}

總結：

通過設置內聯元素的寬度、左右margin以及父級元素的文本居中或者flex布局，可以使內聯元素居中。