如何在导航栏中添加单独的标题答案

【问题标题】：How To Add A Separate Header In The Navbar如何在导航栏中添加单独的标题
【发布时间】：2016-02-09 20:13:29
【问题描述】：

我需要一些帮助来编写我的悬停导航栏的最后一个元素。目前，我在导航栏的左侧有标签链接，在右侧有社交媒体链接和搜索栏。现在我想在中间添加一个“标题”——我的博客名称的图像。我尝试添加 img，尽管它在 html 编码中，但它没有出现在博客上。可以在http://www.mediamarmalade.com 上查看类似的导航栏。我在下面包含了 html 编码：

<div id='headermiddle'>

<a href='http:www.blankesque.com'><img src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/B447BE1A-FA19-4619-A844-65CBEA644DB1_zpsaj5p6y0d.gif'/></a>

</div>

CSS编码如下：

#headermiddle a img {
width: 10px;
height: auto;
position: absolute;
text-align: center;
  }

我的博客网址如下：http://www.blankesque.com

【问题讨论】：

尝试将宽度调整为 600 像素，并仔细检查图像标签中的 URL，它打开的是网页还是图像？对我来说，它打开了一个 html 页面。确保您为图像源复制正确的 url。
感谢您的建议。它确实奏效了。但是我无法将图像移向中心。我试过 float:center 和 text-align:center 但都没有工作。如果您也能帮助我解决这个问题，我将不胜感激。
试试这个#headermiddle a img { display: block; margin: 0 auto ;} - 让我知道这是否有效。我可以在下面写一个答案，您可以将其标记为正确答案:)

标签： html css navbar blogger

【解决方案1】：

我假设（在类似的示例页面上）图像被放置在单独的标签中 - 而不是在标题中。缩小浏览器窗口即可看到。

导航和社交按钮左右对齐。

【讨论】：