Question

div+css 列表(项目符号图像)与文字 中线对齐

代码：
.zx_szdtk_bt li{ list-style-image: url(../images/z_zs1.gif); }
-----------------------------------------------------------------------------------
<div class="zx_szdtk_bt"><li>水族地图库</li></div>

注：具体看图！
不能用插背景 ，这个图不清楚，下面那蓝的是背景（它是有渐变的，不能提取颜色）。。。
==================================================================
不一定是我写的那种方法，其他简单有效的好方法也可以，只要能达到那种效果就可以了！谢谢

Answer 1

.zx_szdtk_bt { background:url(../images/蓝色的背景.gif) left top repeat-x; height:蓝色的背景高度px; }
.zx_szdtk_bt li{ background:url(../images/z_zs1.gif) 10px center no-repeat; line-height:蓝色的背景高度px; }

Answer 2

background：url(1.gif) no-repeat 1px 1px;
no-repeat 这个是背景不重复
1px 1px; 这里是背景的左边距1px 上边距 1px

Answer 3

<span style=“float:left;"><img src="" /></span><span style=“float:left;">文字</span>