在导航栏中的位置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的大部分。