文字前的圖標(biāo)，并且圖標(biāo)尺寸大于文字尺寸（高度）的情況下CSS：

<div class="time green">
     <i></i>限量搶，23點開放預(yù)熱
    </div>

CSS：

.posts .time{height: 37px; line-height: 37px;text-align: center;font-size: 14px;border-bottom: 1px dashed #ededed;}
.posts .green{color: #39b98d;}
.posts .green i{display:inline-block;/*必須*/
 width: 18px; height: 18px;
 background: url(../images/greentime.png) no-repeat;
 position: relative;top: 3px;/*相對位置*/
 margin-right: 3px;
}

如果圖標(biāo)尺寸小于文字，甚至與文字高度一樣的時候，就很容易，一旦圖標(biāo)尺寸明顯大于文字，這時候就需要用到position: relative;相對定位去改變位置了。