Html 如何将图像左中对齐到ul li

请找到我这样绑的图像，但它不会出现在我做错的地方

.ul技能{
宽度：100%；
保证金：10px 0px 0px 0px；
填充：0px；
浮动：左；
}
李先生{
边框：1px实心#f0；
列表样式：无；
文字装饰：无；
文本转换：大写；
填充：7px 10px 0px 10px；
背景：#f0；
颜色：#414141；
字体大小：13px；
文本对齐：左对齐；
浮动：左；
边界半径：50px；
利润率：3px6px；
高度：31px；
位置：相对位置；
}
李安先生{
位置：绝对位置；
顶部：-8px；
右：8px；
背景：#FF6158；
宽度：15px；
高度：15px；
边界半径：50%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
文字装饰：无；
颜色：#fff；
}
李先生{
垂直对齐：中间对齐；
高度：38px；
宽度：38px；
边界半径：50%；
}

AJAX

动作脚本3.0（Mac版）

您可以使用像

边距顶部：-6px，而不是垂直对齐


.ul技能{
宽度：100%；
保证金：10px 0px 0px 0px；
填充：0px；
浮动：左；
}
李先生{
边框：1px实心#f0；
列表样式：无；
文字装饰：无；
文本转换：大写；
填充：7px 10px 0px 10px；
背景：#f0；
颜色：#414141；
字体大小：13px；
文本对齐：左对齐；
浮动：左；
边界半径：50px；
利润率：3px6px；
高度：31px；
位置：相对位置；
}
李安先生{
位置：绝对位置；
顶部：-8px；
右：8px；
背景：#FF6158；
宽度：15px；
高度：15px；
边界半径：50%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
文字装饰：无；
颜色：#fff；
}
李先生{
利润上限：-6px；
边缘底部：-16px；
高度：38px；
宽度：38px；
边界半径：50%；
}


AJAX

动作脚本3.0（Mac版）


.skills li img{vertical align:middle；}
我做错了什么。
-->您几乎什么也没做，没有对图像应用样式我在您的
img
上看不到任何样式，所以我假设您没有尝试过。请尝试，然后我们可以帮助您获得您想要的结果-我们不是来为您编码的。@Temaniaf如果您现在可以检查这是我遇到的问题。将图像位置设置为绝对，然后使用负值调整左侧的位置/top@Taifik文本未对齐：（@Mrworldwide-oh，你可以添加
margin-bottom:-16px；
来修复它。我已经修复了这个片段。非常感谢你花时间学习margin-left，right，top。