ist-style-image:url标签，文字无法与前面的图标居中对齐

做的项目列表需要做一个排行，前面会有一个金银牌的表示，自己ul标签，前面标识用list-style-image:url
采用ist-style-image:url标签

但自己开始怎么都无法让文字与金银牌对齐。写了vertical-align：middle,vertical-align：centter都不行。最后写了vertical-align:-webkit-baseline-middle;可以了。我估计浏览器内核的原因

显示效果