Переместить изображение в центр

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-значок класса:

EDIT:

.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

Удалить "переполнение: скрытый; позицию: абсолютная;" и изменить "дисплей" на "встроенный блок":

.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; 
}