前端第10款：图文带标题和简介

描述：带图片文字与简介，这个在网站上我们经常见到，把它写成了模块了，就方便快捷了！

HTML代码：

<dl class="dl_list2">
	<dt><a href="#"><img src="images.jpg" alt="" border="0" height="99" width="183"></a></dt>
	<dd>
		<h2><a href="#">访临沂金瑞祥农资有限公司</a></h2>
		创新思变，发挥好蓄水池作用 淡季储存旺季销售，我们为中小型复合肥生产...
		<a href="#">[详细]</a>
	</dd>
</dl>

CSS代码：

.dl_list2{ margin:5px 0;width:390px;}
.dl_list2 dt{ float:left; width:183px;}
.dl_list2 dd{ float:right; width:200px; line-height:24px; color:#555;text-align:left;}
.dl_list2 dd h2{ text-align:left;font-size:16px;}
.dl_list2 dd a:visited,.dl_list2 dd a:link{ color:#ff0000;}
.dl_list2 dd a:hover{ text-decoration:underline;}