Html CSS-环绕徽标图像的导航（响应性）

我想把一个导航环绕在一个居中的徽标图像上，请参见示例

此外，当我重新调整浏览器窗口的大小时，我希望这个导航能够以响应的方式进行缩放

这是我迄今为止没有回应的尝试

可能是一种表格结构

或者你的问题有一个prity lib：

---

谢谢您的回答！我不确定是不是这样。。我希望菜单项目水平显示与标志图像在中间，而不是围绕标志图像！为什么不把logo图像放在中间

li

？也许是这样？如果你看这个例子…他们实际上使用了两个菜单…一个左一个右。这是我喜欢的一个同事的菜单-谢谢大家@德米特里，你的建议太棒了！

<div id="nav">
    <img src="http://pre08.deviantart.net/ae58/th/pre/f/2012/120/5/9/thundercats_1985_2011_logo_by_pencilshade-d4y2uzr.png" alt="Mountain View" class="logo"/>
  <ul>
    <li><a href="index.html">Menu 1</a></li>
    <li><a href="index.html">Menu 2</a></li>
    <li><a href="index.html">Menu 3</a></li>
    <li><a href="index.html">Menu 4</a></li>
  </ul>
</div><!--end nav-->