如何把標誌和導航在一行

Question

我有一個CSS和HTML代碼，其中有兩個部分在標題中：一個用於徽標和另一個用於導航。我想把兩者放在同一條線上，這樣可以節省一些空間，看起來好多了。有人可以指導我如何做到這一點？爲您的標誌例如100像素

http://css.pastebin.com/AdGMQum5

Answer 1

1. 寬度設
2. Float:left;標誌
3. 從#nav
4. 刪除width:100%;和float:left;添加overflow:hidden;爲#nav
5. 添加clear:left;爲#content

活生生的例子：http://jsbin.com/eyozo

Answer 2

最簡單的方法很簡單，就是在h1元素上使用background-image：

h1 { 
    padding-left: 200px; /* width of the image plus a 'buffer' between image and text */ 
    height: 150px; /* vertical height of the image */ 
    line-height: 150px; /* to vertically-align the image with the text */ 
    background: #fff url(path/to/image.png) 0 0 no-repeat; 
}