Html 垂直对齐不会将列表样式图像与文本对齐

我有一个html列表设置，如下所示：

<ul id="remove">
<li id="rm_txt_1" onClick="remove_1();">Remove </li>
</ul>


<ul id="move">
<li id="mv_txt_1" onClick="position();">Move Down</li>
</ul>

虽然我考虑过“垂直对齐：中间”；但对于所有“ul”和“li”，结果看起来很尴尬，如下所示：

---

将行高属性添加到css代码中，以便根据图像的高度进行“删除”和“移动”。

将文本放大，使其与图像具有相同的高度。
或
给它一个背景图像并用填充物定位

li{    
background: url(../images/remove.fw.png)
  padding: 5px 0px 5px 10px;
  margin: 0;
  list-style: none;
}

---

编辑：行高会将文本向下推，而不是向上推。

您正在对齐中间，但您的填充也会将文本进一步向右推。移除填充物，看看是否有帮助。

是否尝试移除垂直对齐：中间；从图像？尝试包括线高度；无法控制列表样式图像的位置。一种选择是。

li{    
background: url(../images/remove.fw.png)
  padding: 5px 0px 5px 10px;
  margin: 0;
  list-style: none;
}