<div class="top wd">
<div class="con fl "><a href="#">收藏慕课</a></div>
<div class="fr">欢迎来到慕课网！<a href="#">[登录]</a><a href="#">[免费注册]</a></div>
</div>
<style >
.top{
margin:0 auto;
height:30px;
line-height: 30px;
}
.fl{
float: left;
}
.fr{
float: right;
}
.con{
background-image: url(../images/top-style.png);
background-repeat: no-repeat;
vertical-align: middle;
background-position: left !important;背景图片在左不会使图片在左上角
text-indent: 16px;//首行缩进16个字符，若在定义a的类把背景图片放入<a class="img">收藏慕课</a>中是不起作用的
}
</style>
