li标签实现日期，标题右对齐的方法

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

!DOCTYPE htML PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     html XMlns="http://www.w3.org/1999/xhtml">
     head>
       meta http-equiv="Content-Type" content="text/html;
     charset=utf-8" />
       title>
    /title>
    style>
!--#mylist {
     width:400px;
     list-style-type:none;
     margin:0;
     padding:0;
 }
#mylist li span {
            float:right;
 }
    -->
     /style>
     /head>
     body>
     ul id="mylist">
            li>
    span>
    2011-12-2/span>
    Web开发者网络（Admin10000.COM）/li>
            li>
    span>
    2011-12-2/span>
    Web开发者网络（Admin10000.com）/li>
            li>
    span>
    2011-12-2/span>
    Web开发者网络（Admin10000.com）/li>
             /ul>
    /body>
     /html>
    

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

以上就是li标签实现日期，标题右对齐的方法的详细内容，更多请关注其它相关文章！

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