在HTML5中，要使图像与文本对齐，尤其是当文本长度不一的情况时，可以采用以下几种方法

在HTML5中，要使图像与文本对齐，尤其是当文本长度不一的情况时，可以采用以下几种方法：

1. 单独调整文本:
   如果您希望文本保持居中，即使图片大小不同，可以尝试结合vertical-align属性和text-align属性。尽管vertical-align: middle;通常用于单行元素使其垂直居中，而text-align: center;用于水平居中整个容器内的文本，但两者组合可能会有不同的效果，具体取决于实际布局。

<div style="display: flex; justify-content: center;">
    <img src="image.jpg" alt="Image" vertical-align: middle />
    <p style="margin-left: auto; margin-right: auto; vertical-align: middle;">这是文本</p>
</div>

2. 使用浮动或定位:
   如果图片和文本都在同一个容器内，可以通过CSS的float或position属性来控制对齐。例如，将图片浮动并设置文本围绕它：

<style>
.container {
     
    display: inline-block;