Css 如何将列表项与项目符号垂直对齐？

所以我有一个无序的列表，上面有自定义的项目符号图像。它们是指向列表右侧的三角形。我希望该点与列表项中第一行文本的垂直中心对齐。我怎样才能做到这一点

这是我目前正在查看的内容：

活动和肖像摄影
图像编辑与恢复
影音制作

主要保险商实验室{
列表样式图像：url（../img/bullet.png）；
边缘顶部：25px；
}
李大伟{
线高：35px；
}

---

行距似乎没有任何作用。

在不访问图像的情况下，很难为您提供最终的代码，但请尝试将以下代码与您自己的代码合并。第一个填充值（当前为3px）应该是需要更新的项

li {
  background: url(images/bullet.gif) no-repeat left top;
  padding: 3px 0px 3px 10px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

---

src:

您可以在\

之前

\

之后使用伪元素，请看下面的示例：


main-ul{
边缘顶部：25px；
}
李大伟{
列表样式：无；
}
李：以前{
内容：url（“http://www.milksmarter.co.nz/images/basement_platform/grey_triangle_bullet_point_large.png");
位置：相对位置；
顶部：10px；
左：-10px
}


活动和肖像摄影
图像编辑与恢复
影音制作

在您的问题中发布您的代码。我们需要查看您的HTML和CSS以帮助。。。图像很适合描述视觉问题，但不知道要修改什么来修复它。一个提示是减少你的图像大小或调整你的线条高度这是一个很好的解释代码是什么。。。但我还是更新了它。可能是一个解决办法：
main-ul
？这与HTML不匹配。如果CSS代码中的“main”（即main ul li）指的是类或ID，则可能会出现一些问题。请确保使用适当的选择器前缀，例如.main表示类，而#main表示ID。祝您好运！工作得很好！谢谢
li {
  background: url(images/bullet.gif) no-repeat left top;
  padding: 3px 0px 3px 10px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}