HTML5引入了許多新的標簽和特性，其中包含了一些能夠方便地處理圖片和文字共存的標簽。以下列出了一些常用的HTML5元素：

<figure>
<img src="image.png" alt="圖片說明">
<figcaption>圖片說明文字</figcaption>
</figure>

上述代碼中，我們使用了<figure>元素來包含圖片和圖片說明文字，<figcaption>是圖片說明文字的標簽。這樣，圖片和文字就能夠自然地共存了。

此外，HTML5也引進了另一個方便處理圖片的元素——<picture>

<picture>
<source media="(min-width: 768px)" srcset="large_image.png">
<source media="(max-width: 767px)" srcset="small_image.png">
<img src="fallback_image.png" alt="圖片說明">
</picture>

上述代碼中，我們使用了<source>標簽和媒體查詢，可以為不同大小的屏幕提供不同的圖片。<img>標簽為沒有被支持的瀏覽器提供了一個回退的圖片。

最后，我們也可以使用CSS3的flexbox特性來方便地處理圖片和文字的排列：

.container {
display: flex;
}
.container img {
margin-right: 10px;
}

上述代碼中，我們使用了display屬性為.container元素設置了彈性盒子布局。而img元素則使用了margin-right屬性來處理圖片和文字之間的空隙。

總之，HTML5提供了很多便利的方式來處理圖片和文字的共存，讓我們能夠更加輕松地創建優美的網頁。