text-indent

<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>

text-indent

原文：http://www.cnblogs.com/miss-123/p/5389811.html