1、margin : auto
此属性用于将块元素水平对齐到中心。
示例：
注意：使用margin : auto在IE8中不起作用，除非声明了!DOCTYPE。
效果图：
2、position: absolute
我们可以使用position: absolute来对齐项目。
示例：
效果图：
3、text-align: center
我们可以在各种标签中使用text-align: center；它可以将任何用HTML编写的文本对齐。
示例：
效果图：
4、line-height属性
想要垂直对齐项目，我们可以使用line-height属性。line-height 属性设置行间的距离（行高）。
示例：
效果图：
5、padding和text-align属性
我们可以使用padding属性和text-align : center的组合来垂直和水平对齐文本。
示例：
效果图：
本文参考地址： https://www.html.cn/qa/css3/10403.html
首先 list-style-image不能设置位置，所以如果要实现你的效果，要把你的项目符号直接做成尺寸刚刚好的，
这样个尺寸大小的，
但是这样限制性太强，所以还是用背景来做比较方便
background:url("../images/z_zs1.gif") no-repeat 3px 13px改动里面的px数值，可以上下左右移动背景图标，移动到适合的位置，然后给li增加padding-left属性就行了
在img之前加上span标签，就是这样<span></span><img />,并设置span的cssspan{
display:inline-block
height:100%
vertical-align:middle}
再给img加上vertical-align:middle
