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

【问题标题】：display header in centre or page and logo to left of header with menu to right在中心或页面中显示标题，在标题左侧显示徽标，在右侧显示菜单
【发布时间】：2013-09-27 02:50:20
【问题描述】：

我正在使用这个 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 不显示中心

【问题讨论】：

标签： html css

【解决方案1】：

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

Demo

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

【讨论】：

【解决方案2】：

为您的标题指定特定宽度 - 小于 960 像素

DEMO jsfiddle

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

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

【讨论】：