Css 垂直对齐不起作用

我花了几个小时寻找这个问题的解决方案，现在我要问你。 所以，我想把文本放在图像的左边。图像应向右浮动，文本应向左浮动，但应垂直对齐。我知道我必须将图像与文本对齐，但它不起作用。这是我的密码：

CSS:

以及其他部分：

<div class="sale">
<img src="imagelink" alt="" width="150" height="150">
<span style="height: 75px;">simply text</span>
</div>

如果你能帮助我，我会很高兴的

---

致以最良好的祝愿

您可以结合使用display:table和 垂直对齐：中间属性

解释

将显示：表格添加到外部div，建立表格/表格单元格关系 增加了宽度：外部div的100%——因此它占据了父容器的全部宽度 将显示：表格单元格添加到包含文本的范围中 因为它是一个表格，所以spantext和div.sale img的顺序很重要，所以我把文本放在图像之前 应用垂直对齐：中间对齐；到div.sale span元素

---

这是一个正在运行的演示-

不清楚您在问什么。你能给我展示一下你的预期输出吗？这正是我想要的，亲爱的迈克尔！谢谢你的帮助！向你问好，佐利

<div class="sale">
<img src="imagelink" alt="" width="150" height="150">
<span style="height: 75px;">simply text</span>
</div>