設定list-style-position，li元素嵌套塊元素時，Firefox瀏覽器布局失效處理，firefox瀏覽器

設定list-style-position，li元素嵌套塊元素時，Firefox瀏覽器布局失效處理，firefox瀏覽器
將ul列表樣式符號放到列表內，很自然地想到設定list-style-position：inside。但當li元素嵌套有塊元素時，Firefox下悲劇了。

查看：http://codepen.io/xiaoyewen/pen/KpzMLO

Firefox下的效果成了這樣的，Chrome與IE好好的

 

看來不能這樣順利地實現效果呀，無奈就換了思路，乖乖產生小黑點吧。

.list div::before {  content: '.';  font-size: 20px;  position: relative;  top: -2px;}