在jQuery移动标题中对齐图像和文本

我在jQuery Mobile的“标题”部分遇到了一个让图像与文本对齐的问题。我能够成功地插入CSS，使我能够将图像居中。但是，在图像源中应用任何类型的“align”标记都不会产生我想要的结果

我指的区域在州标志旁边有“爱荷华州评估员”字样

这可能吗

HTML：

爱荷华州评估员

---

同样

当您将

垂直对齐：中间

应用于文本时，css实际上并没有做您直觉上认为它应该做的事情。这是因为文本与所有可用空间的中间对齐，但唯一可用的空间是文本的确切高度，因此它不会移动（请阅读更多信息）

您需要做的是分配比文本需要更多的可用空间，以便将其放置在文本的中心。为此，在文本中添加一个

行高

，该行高等于

img

中的

高度

---

将文本包装在一个跨距中，以便对其进行样式设置，并添加以下CSS：

.center wrapper span{
垂直对齐：中间对齐；
线高：30px；
}
.中心包装器img{
垂直对齐：中间对齐；
}

您的HTML应该如下所示：

爱荷华州评估员

---

下面是一个演示：

应该是这样的：

---

我还上传了一个JSFIDLE:

到JSFIDLE.net的链接必须附带代码。

@adamuiowa，请将相关代码放在你的帖子中，这样人们就不必筛选几十行代码。抱歉，代码添加到上面的原始帖子中，谢谢，无需担心，只是想增加别人花时间回答你问题的可能性。