在網頁設計中，圖片居中是常見的需求。而使用 HTML5 代碼實現圖片居中相比于其他方法更加簡單和可靠。

下面是一段 HTML5 代碼，它實現了將圖片在其容器中居中顯示：

<div style="text-align:center;">
	<img src="your-image-source" style="display:inline-block;">
</div>

這段代碼中，我們首先用一個 div 元素作為圖片容器，然后將其文本對齊方式設為居中。接著，我們添加一個 img 元素來顯示圖片，并將其顯示方式設為 inline-block。這樣，圖片就能夠在容器中水平居中了。

此外，如果需要讓圖片垂直居中，我們可以給容器設置一個固定的高度，并給 img 元素設置一個相同的行高。如下所示：

<div style="text-align:center; height: 200px; line-height: 200px;">
	<img src="your-image-source" style="display:inline-block; vertical-align: middle;">
</div>

通過設置容器高度和行高，并將 img 元素的垂直對齊方式設為居中，我們就能夠實現圖片的水平和垂直居中了。