html - 在中心或页面中显示标题，在标题左侧显示徽标，在右侧显示菜单

Question

我正在使用这个 CSS：

body,html {
    font-family:Arial;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background:#0C3;
}

.header {
    min-height:80px;
    width:100%;
    margin:0 auto 0 auto;
    border:1px solid black;
}

.container {
    width:960px;

}


.logo {
    float:left;
    display:inline;
}
.menu {
    width:300px;
    float:right;
    display:inline;
}

以我的容器 div (960px) 的宽度显示标题，在标题左侧显示徽标，在右侧显示菜单

这是一个小提琴：http: //jsfiddle.net/YxeTf/

但标题 div 不显示中心

Answer 1

只需添加margin:auto;to以在其 parent.container中居中一个元素。block<div>

演示

.container {
    width:960px;
    margin:auto;
}

Answer 2

给你的标题特定宽度 - 小于 960px

演示 jsfiddle

试试这个代码的标题---

  .header {
      min-height:80px;
      width:700px;
      margin:0px auto;
      border:1px solid black;
    }