Html 背景图标图像和标题文本未垂直对齐

普朗克密码是

我正在尝试创建一个前面有图标的下拉列表。我面临的一个问题是，图标的垂直对齐很好，但对于标题，文本显示在中间线以下，如下所示：

---

标题

Select One

位于中间行下方。如何将其向上移动，使其与图标处于同一级别？

请更新css中的以下代码

.grouped-list-btn-content > .grouped-list-text {
    margin-top: 6px;
}

---

请在css中更新以下代码

.grouped-list-btn-content > .grouped-list-text {
    margin-top: 6px;
}

---

9px文本上有一个页边空白：

.grouped-list-btn-content > .grouped-list-text {
    margin-left: 5px;
    margin-top: 9px;
}

将其更改为5px：

.grouped-list-btn-content > .grouped-list-text {
    margin-left: 5px;
    margin-top: 5px;
}

---

9px文本上有一个页边空白：

.grouped-list-btn-content > .grouped-list-text {
    margin-left: 5px;
    margin-top: 9px;
}

将其更改为5px：

.grouped-list-btn-content > .grouped-list-text {
    margin-left: 5px;
    margin-top: 5px;
}

---

如果项目是

inline block

而不是

float

ing，则可以使用

vertical align:middle

看起来您使用的是CSS框架，并且它是

float

ing，那么您可以使用

行高：#将其替换为px中图标的高度#

，因为图标高度是固定的。使用

行高

将文本垂直居中，使其比文本高

---

请参见

如果项目是

内联块

而不是

浮动

ing，则可以使用

垂直对齐：中间

看起来您使用的是CSS框架，并且它是

float

ing，那么您可以使用

行高：#将其替换为px中图标的高度#

，因为图标高度是固定的。使用

行高

将文本垂直居中，使其比文本高

---

请参见css文件中的组列表文本：

.grouped-list-btn-content   > .grouped-list-text {
   margin-left: 5px;
   margin-top: 9px;
}

---

更改页边距顶部的数量（例如5）应使其更居中。

组列出css文件中的文本：

.grouped-list-btn-content   > .grouped-list-text {
   margin-left: 5px;
   margin-top: 9px;
}

更改“页边距顶部”中的金额（例如5）应使其更居中