风格＆＃34; applike＆＃34;标题菜单

Question

我想创建一个＆＃34;应用程序，如＆＃34;像这样的标题：

所以左侧有一个图标，后面是徽标和菜单容器，右侧是另一个图标。

JSFiddle

这是我的HTML代码：

<div id="header">
  <div class="headerleft">
    left icon
  </div>    
  <div class="headercontainer">
    <div class="headerlogo">
      logo
    </div>
    <div class="headermenu">
      menu
    </div>
  </div>
  <div class="headerright">
    right icon
  </div>    
</div>

这是我的css代码：

#header {
  width:100%;
  height:6%;
  background-color:#ffffff;
  box-shadow: 1px 1px 5px #888888;
}
  .headerleft {
  width:20%;
}
  .headercontainer {
  width:60%;
}
  .headerlogo {
  width:50%;
}
  .headermenu {
  width:50%;
}
  .headerright {
  width:20%;
}

Answer 1

http://jsfiddle.net/BatML/1/

你有...并且小心翼翼，你用# .

的float:left; 来调用你的小提琴课程

一切都是关于：

{{1}}