将图像移动到中心

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-icon 类：

修改

.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

删除“overflow：hidden; position：absolute;”并将“display”更改为“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;
}