在網(wǎng)頁設(shè)計過程中，水平居中是非常常見的需求。而對于圖片和文字的水平居中，CSS提供了幾種方法。

首先，我們來看圖片的水平居中。最為常用的方法是使用margin:auto。具體來說，需要將圖片的display屬性設(shè)置為block，然后通過設(shè)置左右margin為auto來實現(xiàn)頁面居中。示例代碼如下：

img {
display: block;
margin: auto;
}

接著，我們再來看文字的水平居中。有多種方法可以達到這個效果，下面介紹其中的兩種：

第一種方法是將文字的display屬性設(shè)置為inline-block，然后給其父元素設(shè)置text-align:center。示例代碼如下：

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

第二種方法是將文字包裹在一個塊級元素中，例如div或p標簽，再將其居中。可通過設(shè)置該塊級元素的text-align和display屬性來實現(xiàn)。示例代碼如下：

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

需要注意的是，在使用以上方法時，需要確保該元素的寬度不會超過其父元素的寬度，否則該元素將會自動沾滿整個父元素，排除使用margin:auto居中的可能。