<span> 出现在<li>项目符号下方



如果你在Chrome中打开这个页面,它是好的:http://www.dsi-usa.com/test/about.php

但是在Firefox和Internet Explorer中不起作用。我早些时候发现了一个线程,建议将<li>重置为padding: 0。我照做了,什么也没发生。知道为什么吗?我在想,因为项目被包裹在一个span,但这样做是为了分离子弹颜色和文本颜色。

#about-facts ul
{
    text-align:left;
    list-style-position:inside;
    color:#c60606;
    margin-bottom:10px;
    margin-left:5px;
    padding: 0;
}
#about-facts li
{
    font-size:15px;
}
#about-facts li span
{
    display:block;
    cursor:pointer;
    color:#000000;
    font-size:14px;
}

删除

display: block;

From span

最新更新