跨浏览器问题对齐div和子弹样式

Question

我有一些html如下

<div class="wrapper">
    <div class="LItms">
        <div class="clr">
        </div>
        <span>text con</span>
        <ul>
            <li>first</li>
            <li>second</li>
        </ul> 
    </div>
</div>

我有一些css给他们

没有位置相对

.clr {        
    color: red;    
    display: list-item;
    list-style-type: square; 
    font-size: 40px;
    height: 16px;
    width:16px;
    margin-bottom: 17px;
    margin-left: 23px;
}

与职位相对

.clr {        
    color: red;
    display: list-item;
    list-style-type: square; 
    font-size: 40px;
    height: 16px;
    width:16px;
    margin-bottom: 17px;
    margin-left: 23px;
}

我试过他们两个css，问题是它在火狐中工作得很好，但在chrome和ie中，div的子弹大小比firefox甚至更小的空间 使用类.clr的div旁边的子弹和跨度与firefox相比更多，我希望它们在浏览器中对齐相同...任何关于plz的工作............

Answer 1

正如我在评论中所说，

  

不同的浏览器在默认样式上可能会有一点差异。   使用Normalizer它可能会对您有所帮助。

Answer 2

不同的浏览器有不同的默认值。在CSS的最开始使用以下CSS重置所有内容：

*{
  margin:0px;
  padding:0px;
 }