CSS令元素水平居中常見的方法有三種：

1. 使用text-align：center居中

.container{
text-align: center;
}
.element{
display: inline-block;
}

2. 使用margin：0 auto居中

.container{
margin: 0 auto;
width: 300px; /*需要設置寬度*/
}
.element{
display: block;
}

3. 使用flexbox居中

.container{
display: flex;
justify-content: center;
align-items: center;
height: 200px; /*需要設置高度*/
}
.element{
display: block;
}

以上三種方法都是比較常見的水平居中方法，選擇哪種方法主要取決于具體的情況，例如是否需要設置寬度或高度、父元素是否是flex容器等。在實際開發中需要根據情況選擇最適合的方法。