在頁面布局中，左右居中是常見的一種要求。CSS提供了多種方式來實現這個效果，下面我們來學習一些CSS規則。

text-align: center;

這個規則可以使一個塊級元素的內容在水平方向上居中，但需要注意的是，它并不會使元素本身居中。

margin: auto;

使用margin的值為auto，可以讓一個塊級元素在水平方向上居中。這個方法適用于任何寬度的塊級元素。

display: flex;
justify-content: center;

使用flex布局的方式也可以輕松實現水平居中，只需要給父級元素添加一個display:flex 的屬性，然后在子元素上添加justify-content:center即可。

position: absolute;
left: 50%;
transform: translateX(-50%);

如果想要讓一個絕對定位的元素水平居中，可以先把它的左邊距設置為50%，然后再用transform屬性往左移動自身寬度的一半，這樣就可以實現水平居中了。

以上是CSS中一些實現左右居中的規則，請根據實際情況選擇合適的方式。