HTML5 的新特性中，文字圍繞圖片的代碼實現(xiàn)更加簡單。一般情況下，我們使用 “img” 標簽來插入圖片，而現(xiàn)在，我們可以在 “img” 標簽上添加 “align” 屬性，來實現(xiàn)文字圍繞圖片的效果。

<img src="example.jpg" width="200" height="200" align="left" />

上述代碼中，我們在 “img” 標簽上添加了 “align” 屬性，使圖片向左對齊。這樣就可以讓文字圍繞圖片了。

如果想要讓圖片居中或者向右對齊，只需要將 “align” 屬性的值改為 “center” 或 “right” 即可。

<img src="example.jpg" width="200" height="200" align="center" />
<img src="example.jpg" width="200" height="200" align="right" />

除此之外，還有一種新的實現(xiàn)方式是使用 “figure” 標簽和 “figcaption” 標簽，將文字和圖片分別放在兩個標簽中，實現(xiàn)圍繞圖片的效果。

<figure>
<img src="example.jpg" width="200" height="200" />
<figcaption>這是圖片的描述文字</figcaption>
</figure>

上述代碼中，我們使用 “figure” 標簽包裹 “img” 標簽和 “figcaption” 標簽，將圖片和文字分別放在兩個標簽中。這樣可以避免在 “img” 標簽上使用 “align” 屬性導致代碼冗長和出現(xiàn)兼容性問題。

總之，文字圍繞圖片的實現(xiàn)方法有多種，我們可以選擇根據(jù)實際情況選擇最適合的方式。