这新闻咨讯文字左边的图标和最右边的图标,用DIV+CSS怎么排版

html-css020

这新闻咨讯文字左边的图标和最右边的图标,用DIV+CSS怎么排版,第1张

<style>

.main{ width:500pxheight:500pxborder:1px solid #000}

</style>

<div class="main">

<img src="aaa.png" style="float:left"/>

文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域文字区域</p>

</div>

你把src="aaa.png"这个图片地址换成你自己的吧,这个是我自己测试用的一个地址;已经实现了你说的效果;你复制粘贴一下看看效果吧;

您好,您可以这么做 ;

<div>

<ul>

<li><span>2012-03-30</span>问题简单解决了,对吧!</li>

</ul>

</div>

如上面所写,把span标签里面放前面,然后float:right,这样就可以了!

试试看吧!!