为什么我的日期与IE7,6下的锚标签不一致?

时间:2011-07-12 02:33:14

标签: html css

<ul>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
      </ul>

css:

ul {
    margin:15px 0;
    padding:0;
    list-style:none;
    line-height:28px;
}

ul li a {
    padding-left:20px;
    color:#2e2e2e;
    font-size:14px;
    text-shadow:#FFF 1px 1px;
    background: url(triangle.png) 0 5px no-repeat;
}

ul li a span {
    float:right;
}

为什么我的日期与IE 6和7下的右浮动锚标签不一致,但在Firefox下是否可以?我该如何纠正?

2 个答案:

答案 0 :(得分:1)

实际上,您只需要在其前面的文本左侧显示您的跨度:

<a href="#"><span>2011-06-21</span>test one</a>

答案 1 :(得分:0)

span是一个内联元素,意味着要在其上执行块类型浮点数,必须将其声明为

span {
    display: block
}