Html 垂直对齐标志img内部导航无序列表

我正在建造一个导航系统。结构是一些无序的列表向左浮动。尽管第一行项目包含一个图像元素，但我似乎无法在UL中垂直对齐它。这很难解释，所以我在这里创建了一个js提琴：

---

< >关于如何将IMG放置在包含UL的中间，无论是垂直还是水平，而不必玩弄填充物，都将非常感激。

< P>您是否已经将它设置为CSS的背景图像？ 你想过用css将其设置为背景图像吗

我在你的小提琴中发现了一种未闭合的风格：

就在这里，它改变了很多显示：

header img {
    display: block;
}

为了便于视觉参考，我稍微改变了一下小提琴：

你能描述一下你希望你的图像与菜单、导航区和其他一切相关的位置吗

---

这是怎么回事

我在你的小提琴中发现了一种未闭合的风格：

就在这里，它改变了很多显示：

header img {
    display: block;
}

为了便于视觉参考，我稍微改变了一下小提琴：

你能描述一下你希望你的图像与菜单、导航区和其他一切相关的位置吗

---

这是怎么回事

谢谢，这很有帮助，但我已经在该元素上有一个背景图像-一个1px宽的列分隔符。它似乎只接受其中一个。此外，我希望徽标能够与锚定到主页的元素一起单击。谢谢，这很有帮助，但我已经在该元素上有一个背景图像-一个1px宽的列分隔符。它似乎只接受其中一个。此外，我希望该徽标能够与锚定到主页的元素一起单击。感谢您的评论-看起来这是我在复制/粘贴firebug后在firebug中摆弄时留下的。我用红色突出显示了背景，这样我就可以看到元素了。无论如何，我正试图找到一种方法来定位img垂直居中，使其与“设计”行项目相一致。我该怎么做？@Doug Firr通过与设计相结合，你是什么意思？相同的底部，顶部，中间？中间，所以它位于顶部和底部的蓝线之间谢谢你的评论-看起来这是我在复制/粘贴firebug后摆弄firebug留下的。我用红色突出显示了背景，这样我就可以看到元素了。无论如何，我正试图找到一种方法来定位img垂直居中，使其与“设计”行项目相一致。我该怎么做？@Doug Firr通过与设计相结合，你是什么意思？相同的底部，顶部，中间？中间，因此它位于顶部和底部的蓝色线之间