我给你2种方法！
第一
用dl
dt
dd
结构
<dl>
<dt>前面的小图标</dt>
<dd>文字</dd>
</dl>
在写样式控制
第二
给li里面的文字（a标签）定义背景
这个
应该很实用！
结构
<ul
class="style">
<li><a
href="#">
wenzi
</a></li>
</ul>
样式
.style
li
a
{background:url(前面小图片的路径)
no-repeat
3px
3px(定义小图片的位置，可以自己调试)；padding-left：10px（要是小图片后面的文字离图片近了可以这样定义）；
vertical-align是什么？设置元素的垂直对齐方式。
注意点：
text-align是设置给需要对齐元素的父元素，
vertical-align是设置给需要对齐的那个元素本身，
vertical-align只对行内元素有效。
/*默认情况下图片和一行文字的基线对齐，
基线就是一行文字中最短那个文字的底部*/
vertrical-align:baseline
/*图片和父元素的顶部对齐*/
vertrical-align:top
/*图片和父元素的底部对齐*/
vertrical-align:bottom
/*图片和一行文字的顶部对齐*/
vertrical-align:text-top
/*图片和一行文字的底部对齐*/
vertrical-align:text-bottom
div css 顶部对齐代码：body{margin-top:0}
#go_home {margin:0 autopadding:0width:975px background: url(../images/bglogo.png)clear:bothtext-align:centerfont-size: 14px}
