在網頁設計中，實現元素水平居中是一項基本技巧。下面我們將介紹如何使用CSS來實現水平居中。

.container{
display:flex; /*將容器設為Flex布局*/
justify-content:center; /*設置主軸居中*/
}

以上代碼主要是利用了Flex布局，將容器的display屬性設為flex，同時通過justify-content屬性將主軸居中。

如果不想使用Flex布局，可以嘗試以下方法：

.container{
text-align:center; /*設置文本居中*/
}
.container p{
display:inline-block; /*將段落設為行內塊級元素*/
}

以上代碼利用了文本居中的屬性，通過將段落設為行內塊級元素，實現了水平居中。

總結起來，實現水平居中可以使用Flex布局或者將元素設為行內塊級元素，并通過文本居中的屬性實現。這兩種方法都是比較簡單易用的。