Html 带有用户定义图标的列表菜单（UL/LI）上的CSS故障

我有一个LI/UL菜单，用户自己存储项目

问题是：

图标（图像）左/顶部有一个小值（红色/气泡），该值未正确定位在子项上

文本应该在图像的高度中间，但是它总是在地线上…<李> 有人有提示或代码示例如何解决这个问题吗

ul.navigation{
填充：0px；
保证金：0px
}
.navigation.item.first{
填充：0px
}
李先生{
列表样式：无；
左侧填充：25px；
}
.导航.项目img{
高度：25px；
}
.导航.项目范围{
显示：内联块；
线高：20px；
高度：20px；
}
.导航.项目一{
背景色：#fa3e3e；
边界半径：2px；
颜色：白色；
填充物：1px 3px；
字体大小：10px；
位置：绝对位置；
/*将徽章放置在相对定位的按钮内*/
z指数：5；
左：40px；
}

24
导航项标题


24
导航项标题

这是一个基于您的要求的工作模板：

ul.navigation{
填充：0px；
保证金：0px
}
.navigation.item.first{
填充：0px
}
李先生{
位置：相对位置；
列表样式：无；
左侧填充：25px；
}
.导航.项目img{
高度：40px；
垂直对齐：中间对齐；
}
.导航.项目范围{
线高：40px；
}
.导航.项目一{
背景色：#fa3e3e；
边界半径：2px；
颜色：白色；
填充物：1px 3px；
字体大小：10px；
位置：绝对位置；
z指数：5；
}

24
导航项标题


24
导航项标题

有几件事：1。查看/拥有

dashboard.png

图像会很有用，这样我们就可以知道它有多大，应该如何对齐，等等。你说红色气泡的位置不正确。它应该在哪里？这里有一把我准备好的小提琴，我们可以用它来测试/演奏：首先→ 当时我对小提琴进行了更新→ 我发现给物品一个位置：相对，就可以确定小气泡的位置。。我只需要从左边更新.nav.item I:从位置到左边距：……完美，这就是我要找的。。。将分析它。。。非常感谢，我花了3个小时才找到解决方案。现在我必须学习这些东西（CSS）。也很无礼。。。对我来说，这就像是地狱般沉重的东西。。。