图文混排,图片居左
<div class="list">
<a class="listad" href="#"><img src="images/listad.jpg"></a>
<a class="title" href="#" class="color_red">2012年全球汽车销量预计增长6.7%</a>
<span class="listcontent">尽管2011年中国汽车市场大幅放缓,不过美国R.L.PPLK公司上周预测,2012年中国汽车市场预计将增长16%,同时,全球汽车销量预计<a href="#" class="color_red">点击进入>>></a></span>
<a class="title" href="#" class="color_blue">2012年全球汽车销量预计增长6.7%</a>
<span class="listcontent">尽管2011年中国汽车市场大幅放缓,不过美国R.L.PPLK公司上周预测,2012年中国汽车市场预计将增长16%,同时,全球汽车销量预计<a href="#" class="color_blue">点击进入>>></a></span>
<a class="title" href="#" class="color_blue">2012年全球汽车销量预计增长6.7%</a>
<span class="listcontent">尽管2011年中国汽车市场大幅放缓,不过美国R.L.PPLK公司上周预测,2012年中国汽车市场预计将增长16%,同时,全球汽车销量预计<a href="#" class="color_blue">点击进入>>></a></span>
</div>
css
.listad {
display: block;
float: left;//浮动
padding: 5px;
width: 290px;
}
.list .title {
clear: none;//ie 6 里面要加该参数
color: #FF0000;
display: block;
font-size: 16px;
height: 30px;
line-height: 35px;
text-align: center;
}