上下结构的图文混排CSS列表(3)

.list_text{width:426px; margin:10px; padding:10px 0 0; border-top:1px dotted#2764b4;} .list_text li{ float:left; width:100%; line-height:22px;} .list_text li span{ float:right; text-align:right;}

最后是清除浮动：.clear{ clear:both;}

▲▲▲>>>点击查看最终的“上下结构的图文混排 CSS列表”效果<<<

本文作者：李想如需转载请建立本站链接(/),并且不得随意改动文章内容、保留此版权声明文本！

Article Provenance: 52CSS Article Tags:评论: 6|查看次数: 21265

1|2|> tututhirteen[2009-07-07 10:11 AM]对不起大家，我把数看出错了！明白了。呵呵 tututhirteen[2009-07-07 10:00 AM]为什么 list_title的宽度是 426px,不应该是 458-10*2-2=436px么？? psy5choit[2009-06-16 05:13 PM]学习了。。 cachinnation[2008-12-29 11:09 AM] TO abode001:因为 list_pic的文字只有一行，不是列表 fangfeng335[2008-09-18 03:36 PM]为什么.list_pic li中的 display用 inline属性，而不用:block属性