CSS水平居中英文是網頁設計中常見的問題。在設計頁面時，我們需要讓一些元素在水平方向上居中。比如文本、圖片、按鈕等，這些元素的位置對于頁面整體的美觀程度有明顯的影響。

下面是一些常用的CSS代碼，可以用來實現水平居中效果。

.text {
text-align: center; /*將文本內容居中*/
}
.img {
display: block; /*使圖片呈塊級元素*/
margin: 0 auto; /*設置左右margin為auto*/
}
.button {
display: inline-block; /*將按鈕呈行內塊級元素*/
margin: 0 auto; /*設置左右margin為auto*/
}

其中，margin屬性是決定元素在水平方向上位置的重要因素。當我們設置元素的左右margin為auto時，就可以實現水平居中的效果。

當然，在實際應用中，我們需要考慮到元素的具體情況，以及不同瀏覽器的兼容性問題。比如，在使用display屬性時，行內元素和塊級元素的不同表現需要我們特別注意。

總之，CSS水平居中是網頁設計中的重要問題。我們需要靈活運用不同的CSS屬性和值，才能實現美觀又實用的頁面效果。