需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：img{float:left}。
3、浏览器运行index.html页面，此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了。
要让div顶端对其，那么就必须根据HTML的布局和css样式的对其方式决定了：1.浮动(float),这种情况下默认横向是left,纵向是top方向，所以默认就满足顶端对其；
2.定位(position),这种情况下只要设置要top的值就可以了；
3.display：inline-block；这种情况下，一般不是顶端对其，必须在父级加上一条样式：vertical-align: top才能实现顶端对其。
实现这个效果我给你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（要是小图片后面的文字离图片近了可以这样定义）；
