Html 显示无序列表会一直推到div的右侧

我很难在div中对齐无序列表

如图所示，我的图标列表被推到右侧，而不是占据它们所包含的div的100%宽度

我很确定这是因为我设置了

列表样式类型：none

我不知道如何在不设置负利润的情况下解决这个问题

我还将添加尚未使用的代码：

div#移动导航{
位置：绝对位置；
宽度：100%；
高度：自动；
背景颜色：橙色；
填充：0px；
利润率：80px 0px 0px 0px；
}
响应性{
最小宽度：100%；
保证金：0自动；
列表样式类型：无；
}
李先生{
浮动：无；
}
ul.lia{
文本对齐：居中；
颜色：黑色；
字体大小：16px；
字体大小：粗体；
文字装饰：无；
边框：1px纯黑；
高度：56px；
显示：块；
宽度：100%；
}
ul.topnav li{
显示：无；
}
ul.topnav li.icon{
浮动：对；
显示：内联块；
}

重置

的默认填充：

div#移动导航{
位置：绝对位置；
宽度：100%；
高度：自动；
背景颜色：橙色；
填充：0px；
利润率：80px 0px 0px 0px；
}
响应性{
最小宽度：100%；
保证金：0自动；
填充：0；/*此处，按如下方式重置*/
列表样式类型：无；
}
李先生{
浮动：无；
}
ul.lia{
文本对齐：居中；
颜色：黑色；
字体大小：16px；
字体大小：粗体；
文字装饰：无；
边框：1px纯黑；
高度：56px；
显示：块；
宽度：100%；
}
ul.topnav li{
显示：无；
}
ul.topnav li.icon{
浮动：对；
显示：内联块；
}

我不明白为什么很难使用

Tidy

按钮。我指的是片段中的Tidy按钮<代码>：）好的，看看我的答案。