在中间或页面显示标题，标题左侧显示标题，菜单向右

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;
}

显示标题为my container div（960px）的宽度，标题左侧是标题，右侧是菜单

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

但标题div不显示中心

Answer 1

只需将margin:auto;添加到.container即可将block元素置于其父<div>内。

Demo

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

Answer 2

为标题指定特定宽度 - 小于960px

DEMO jsfiddle

尝试此代码用于标题---

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