Html 跨浏览器问题对齐div和bullet样式

我有一些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>

相对位置

.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，问题是它在firefox中工作正常，但在chrome和ie中，bullet for div的大小比firefox小，甚至比firefox之间的空间小

---

与firefox相比，clr在div旁边的bullet和span更为重要，我希望它们在浏览器中保持一致。。。关于plz的任何工作………..

正如我在评论中所说

---

不同的浏览器在默认样式上可能会有一些不同。 使用一种可能对你有帮助的方法

---

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

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

---

请把你的问题写下来。。不确定要达到的最终结果，但可以尝试删除“font size:40px；”。这至少让它在不同的浏览器中看起来是一样的。演示：不同的浏览器在默认样式上可能有一些不同。Alexander，是的，我知道如果我删除字体大小，它看起来会很相似，但我想增加项目符号的大小…..根据我的要求，然后，是的，正如@avrahamcool提到的，标准化，然后尝试其他一些设置列表项目符号类型样式的技术。