在導航欄中的位置div

Question

我試圖在我的導航欄的左側放置一個網站標題（div）。我想創建另一個

<li><a> 

元素，並把作爲該網站的標題，但我不希望它有一些像字體系列和懸停的propertise的。

這是目前我有：

，這是我想達到的目標：

因此，在總結我想補充一個div把我的網站標題導航按鈕的左側。

#nav { 
 
    width: 100%; 
 
    height: 50px; 
 
    float: left; 
 
    margin: 0 0 1em 0; 
 
    padding: 0; 
 
    background-color: #3D3D3D; 
 
} 
 
#nav ul { 
 
    list-style: none; 
 
    width: 1000px; 
 
    margin: 0 auto; 
 
    padding: 0; 
 
} 
 
#nav li { 
 
    float: left; 
 
} 
 
#nav li a { 
 
    display: block; 
 
    padding: 8px 15px; 
 
    height: 50px; 
 
    text-decoration: none; 
 
    font-family: 'Quicksand', sans-serif; 
 
    font-size: 20px; 
 
    color: #FFFFFF; 
 
} 
 
#nav li a:hover { 
 
    color: #FF4343; 
 
    background-color: #FFFFFF; 
 
}

<div id="nav"> 
 
    <ul> 
 
    <li><a href="#">Prev 1</a> 
 
    </li> 
 
    <li><a href="#">Prev 1</a> 
 
    </li> 
 
    <li><a href="#">Prev 1</a> 
 
    </li> 
 
    </ul> 
 
</div>

Answer 1

我認爲你有太多你的CSS。只是改變了ul到：

display:inline; 

，然後設置一些行高的伎倆。

看到這個小提琴：https://jsfiddle.net/x20mkx1n/5/我已經拿出了你的CSS的大部分。