風格「applike」標題菜單

Question

我想打一個「應用程序，如」標題是這樣的：

因此，有上左側的圖標，接着是標誌和菜單容器和右側另一個圖標。

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;