文本相对list-style垂直居中的实现

在学习中，有这样一个需求：要使得li元素的圆点适中位于文本的垂直居中的效果，以及文本换行的时候不会出现的li元素圆点的下方，即如下的一个效果。

实现的代码如下：

<!--HTML部分-->
<ul>
    <li><span>li内容</span></li>
</ul>

/*CSS部分*/
li{
	list-style-type:disc;
	list-style-position:outside;
}
li span{
	display:inline-block;
	vertical-align:middle;
}