HTML中Li标签的使用示例

 希望实现标题在左对齐，日期在右对齐，当直接给日期的span加上float:right时，IE8和FF都OK，但IE6/7则会换行，下面给出一个简单有效的解决办法。

1. !DOCTYPE html PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     
2. html xmlns="http://www.w3.org/1999/xhtml">     
3. head>   
4.    meta http-equiv="Content-Type" content="text/html;  charset=utf-8" />   
5.    title> /title>   
6. style>   
7. !--   
8.   
9. #mylist {  width:400px;  list-style-type:none;  margin:0;  padding:0;  }   
10. #mylist li span {   
11.         float:right;     
12. }   
13. -->     
14. /style>     
15. /head>     
16. body>     
17. ul id="mylist">   
18.   
19.         li> span> 2011-12-2/span> Web开发者网络（Admin10000.COM）/li>   
20.         li> span> 2011-12-2/span> Web开发者网络（Admin10000.com）/li>   
21.         li> span> 2011-12-2/span> Web开发者网络（Admin10000.com）/li>             
22. /ul>   
23.   
24. /body>     
25. /html>     

注意: 要把 span 写到Li标签中的最前面，这样在IE6/IE7/FF3.5之前版本中才能保证 span中日期右对齐。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！