几分钟前我问了一个相关问题,通过该问题我得到了这个更新的代码,但我不知道如何让我的徽标出现在左侧。
HTML:
<header>
<img src="/images/logo.png" height="50px" id="front" />
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li class="last"><a href="#">Contact</a></li>
</ul>
</nav>
<div id="second_line"></div>
</header>
CSS:
body {
margin: 0;
}
header {
background-color: #009000;
height: 85px;
position: relative;
}
#front {
margin-left: 20px;
margin-top: 20px;
}
nav {
float: left;
margin-top: 30px;
}
ul {
margin: 0;
padding: 0;
float: left;
}
ul li {
list-style-type: none;
float: left;
border-right: 2px solid black;
padding-right: 5px;
padding-left: 5px;
}
ul li.last {
border-right: 0px;
}
#second_line {
margin-top:10px;
height:3px;
background-color: #FECE2C;
}
如何解决此问题,使徽标位于左侧而不是右侧?
谢谢!