在HTML中，如何將圖片和文字居中呢？下面就讓我來介紹一下。

代碼如下：
/* 圖片居中 */
img {
display: block;
margin: 0 auto;
}
/* 文字居中 */
h1, p {
text-align: center;
}

首先是圖片的居中。利用CSS的display:block將圖片轉換成塊級元素，然后通過margin:0 auto來實現水平居中。

而文字居中則是利用了text-align:center來實現?？梢詫⑽谋鞠嚓P的標簽（如

、

等）的居中樣式使用相同的代碼。

以上就是兩種常見的居中方式，在實際開發中可以根據實際情況選擇合適的方式。希望對你有所幫助！