在CSS中，要使一個元素居中需要使用text-align、margin和position等屬性來實現。下面將分別介紹這三種方法。

示例代碼：
.center{
text-align:center;
margin:0 auto;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}

1. 使用text-align：

使用text-align屬性可以使一個元素水平居中，僅適用于行內元素和文本。如下面的例子：
示例代碼：
.center{
text-align:center;
}
HTML代碼：
<div class="center">
<p>這是一段文本</p>
</div>

2. 使用margin：

使用margin屬性可以使一個塊級元素在其父元素中水平居中。需要將該元素的寬度設定為固定值，否則margin:auto的效果不會生效。如下面的例子：
示例代碼：
.center{
width:200px;
margin:0 auto;
}
HTML代碼：
<div class="center">
<p>這是一個可以居中的塊級元素</p>
</div>

3. 使用position和transform：

使用position和transform屬性可以使一個元素在其父元素中水平居中且垂直居中。如下面的例子：
示例代碼：
.center{
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
HTML代碼：
<div class="center">
<p>這是一個可以水平居中且垂直居中的元素</p>
</div>

以上就是CSS中實現元素居中的三種常用方法，同時也可以根據實際需求選擇最合適的方式來實現。