Div填充背景颜色作为顶部栏

Question

我正在尝试在其中间显示一个带有徽标图像的水平顶部栏。图像位于页面左侧，垂直位于中心。如何将图像放在顶部栏的中心？ 这是我的代码：

<div class='topbar'>
        <img src="../../img/headerlogo.png" class="topbarlogo"/>
    </div>

CSS：

div.topbar {
    height: 80px;
    width: 100%;
    background-color: #000000;
    margin-top: 0px;

}
.topbarlogo {
    display: block;
    position: absolute; 
}

Answer 1

你在css中拼错了你的班级，'topbor'应该是topbar。

另外添加： -

margin-left: auto;
margin-right: auto;

Answer 2

删除.topbarlogo的规则，只需为您的div设置text-align:center规则。

<强> jsFiddle example

Answer 3

你需要清除浮子。在下面创建以下div：

<div style="clear:both;"></div>

应该做的伎俩。