li 的圆点失效

今天写代码的时候，遇到一个问题了，就是ul li里的圆点失效，百度了一些解决办法，
网上主要说一种是li属性设置了list-style-position:outside;列表符号的位置在盒模型之外，所以第二个列表项的符号被第一个列表项盖住，或者被前面的框架覆盖，所以就看不到效果，还有一种情况就是li元素设置了float:left;属性也会造成LI元素不正常。
他们的解决方案是第一种情况直接修改list-style-position:outside;为list-style-position:inside;没有的话就加上去。方法二：在list-style-position:outside;的情况下给列表符号留个位置来显示，比如说给li加个属性margin-left：50px；第二种情况直接删掉浮动元素float即可。
但是我试了他们的办法都没有生效，后来才发现是display这个属性导致的，后来把这个属性去掉，就解决了今天遇到的问题，圆点出现了
.Area ul li {
border-bottom: 1px dashed #d2d2d2;
color: #c0bfbf;
line-height: 30px;
width: 100%;
display:inline-block;
list-style: disc!important;
}
修改为.Area ul li {
border-bottom: 1px dashed #d2d2d2;
color: #c0bfbf;
line-height: 30px;
width: 100%;
list-style: disc!important;
}