Html 将文本与图像垂直居中

我已经尝试了在Stack Overflow上发布的几种解决方案，以及在Google上找到的其他解决方案

我试图让一些文本与图像垂直居中对齐

正在讨论的页面位于

在靠近页面底部的地方，有这样一段文字：“整数是有理数，因为它们可以写成：”，后面跟一个图像。图像总是向上浮动并偏侧，而不是与文本对齐居中。我想让它看起来像是与文本内联键入的图像

我最初将文本和图像放在一个段落中，但基于我在Stack Overflow上找到的解决方案，我将文本和图像移动到一个div中，并为其分配了一些CSS：

    vertical-align: middle; display: inline-block;

我还尝试了其他建议的各种方法：

    vertical-align: middle; display: table-cell;

这张图片没什么大不了的，但我计划有很多关于数学问题的页面。当我有多张图片的页面时，我认为它看起来会非常糟糕

到目前为止，没有其他线程修复了我的特定问题

感谢您提供的任何帮助。

img{
垂直对齐：中间对齐；
}

---

这是一些文本

一个解决方案使用表格，每个表格中有2个单元格，使垂直方向居中

看起来我需要定位图像，而不是尝试对齐文本。它现在似乎正在工作。谢谢。我不确定这在这种情况下是否有效，因为有些页面会有很多数学公式。我将不得不使用表格来布局我的所有页面。我只需要把小图片与当前句子连成一行。谢谢