Html 图像对齐问题

我已经列出了一个清单，里面几乎没有什么内容

现在一切看起来都正常了，除了图像，如果我尝试添加至少一个图像，我会把所有列表弄乱，我可以使用

div

而不是

img

标记，但我需要一直调整该图像的大小

---

我已经在这里呆了四个小时了，但我不知道是什么原因导致了这一切，下面是我的代码：我希望有人能帮助我：）

看看小提琴和演示：

小提琴：

演示：

我已经设置了整个布局流体，它不会打断下一行中的列，两个li将仅在那里各自的

---

注：结构无修改。

增加垂直对齐：中间；一切都会好起来的。 我还建议更换这些div

<div class="verify_list_block">1</div>

1

与李的和封闭在一个单独的ul整个事情。那样看起来更干净

<li class="verify_list_item">
<ul class="info">
<li class="verify_list_block">1</li>
<li class="verify_list_block">3</li>
<li class="verify_list_block">4</li>
<li class="verify_list_block">5</li>
</ul>
</li>

1
3
4
5

您的预期结果是什么？@Zeta我认为很明显，右边的块应该与第一个包含图像的块在同一行，您可以看到右边框下降了很多。请查看我的答案，如果有任何问题，请告诉我，或者这不是您的要求。请指定是否要进行任何更改。这将在您调整窗口的某些像素大小后立即中断。我尚未更改结构。在你的小提琴中，当我们放大或缩小时，div（列）被打断到另一行。我的布局相对灵活：当没有足够的空间时，项目进入下一行。发生在你身上的是，一切都向底部转移。您正在使用垂直对齐：顶部；应该使用垂直对齐的位置：中间-