垂直对齐徽标img里面的导航无序列表

Question

我正在构建导航。结构是左边浮动的一些无序列表。第一个项目虽然包含一个图像元素，但我似乎无法在UL中垂直对齐它。这很难解释所以我在这里创建了一个js小提琴：http://jsfiddle.net/JmjzU/

关于如何将img放置在包含UL的中间的任何指针，无论是垂直还是水平，都不需要使用填充物。非常感谢。

Answer 1

您是否考虑过将其设置为带css的背景图片？

Answer 2

我在你的小提琴中发现了一种不闭合的风格：http://jsfiddle.net/JmjzU/1/

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

header img {
    display: block;
}

为了视觉参考，我改变了一点小提琴：http://jsfiddle.net/JmjzU/3/

您能描述一下您希望图像与菜单，导航区域和其他所有内容相关的位置吗？

这是怎么回事？ http://jsfiddle.net/JmjzU/4/