html - 将图像移动到中心

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

更新小提琴

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