移動圖像到中心

Question

我試圖將文本移動到div的文本之前。對於div我給CSS text-align:center，但它隻影響文字。如何在文本之前移動圖像？

http://jsfiddle.net/j5nwS/1/

Answer 1

設置span'display屬性爲inline-block。

的jsfiddle：http://jsfiddle.net/j5nwS/14/

Answer 2

添加以下CSS到UI圖標類：

編輯：

.ui-icon {   
    display: inline-block; 
    position: relative; 
} 

Updated Fiddle

Answer 3

如果添加此：

.ui-icon-carat-1-s{ 
    position:relative; 
    display:inline-block; 
    } 

這將工作。 http://jsfiddle.net/j5nwS/6/

Answer 4

刪除 「溢出：隱藏;位置：絕對的;」，改變 「顯示」 爲 「inline-block的」：

.ui-icon { 
    background-image: url("https://raw.github.com/gallery/gallery3-vendor/9a462c4c81c755cc4ff84c856d4c0f6ea47b9cd8/ui.themeroller/modified/images/ui-icons_217bc0_256x240.png"); 
    height: 16px; 
    width: 16px; 
    background-repeat: no-repeat; 
    overflow: hidden; 
    display: inline-block; 
}