Html 将图像移到中心

我试图将图像移到同一

div

中文本的正前方。对于

div

我给出了CSS

text align:center

，但它只影响文本。如何将图像移到文本之前

---

将以下css添加到ui图标类中：

编辑：

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

如果您添加以下内容：

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

---

这会奏效的

将

span

”

display

属性设置为

内联块

jsIDLE:

删除“溢出：隐藏；位置：绝对”；并将“显示”更改为“内联块”：

---

那么它就在课文的上面。我需要它在左边，在文本之前而不是块，使用

inline块检查这个JSFiddle@LazKarimov更新了我的答案。一切都很好，只需添加剩余的边距：80px；到css（ui图标）否，如果文本较长，则不起作用不尝试。让我试试。是的，它会起作用，但您必须设置第一个div高度（最小高度：30px）。但是，不需要。如果您没有数据，那么为什么需要这些符号。因此，如果您有动态数据，那么您可以检查数据是否可用。
.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;
}