Html 菜单大小和位置

每次打开html时，菜单的位置和大小都不一样。你能帮我修一下吗？它应该在中心。谢谢你的帮助

div.menu { 
    list-style:none; 
    margin:0; 
    padding:0; 
    width:100%;
    text-align:center;} 
div.menu ul{ 
    font-family: Verdana; 
    font-size:14px; 
    margin:20px; 
    padding:0;
    display:inline-block;} 
div.menu li{ 
    display:inline; } 
div.menu li a{ 
    text-decoration:none; 
    padding:5px 0; 
    width:100px; 
    background:#FBB117; 
    color:#4C4646; 
    float:left; 
    text-align:center; 
    border-left:1px solid #fff; }  
div.menu li a:hover{ 
    background:#a2b3a1; 
    color:#000 } 

---

可以使用边距标记使图元居中。但是，为了完成这项工作，您必须声明

div.menu ul

的宽度，否则它将继承其父元素

div.menu

的宽度。因此：

div.menu ul{ 
    font-family: Verdana; 
    font-size:14px; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100px; <!-- SPECIFY WIDTH -->
}

div.menu ul{
字体系列：Verdana；
字体大小：14px；
左边距：自动；
右边距：自动；
边缘顶部：20px；
边缘底部：20px；
宽度：100px；
}

如果您发布一些显示问题的精简html，或者将css精简到有问题的部分（例如，背景颜色等可能不重要？），这会有所帮助。此外，如果您告诉我们您尝试了什么以及为什么不起作用，这会有所帮助。您为什么要使

div.menu-ul

显示：内联块

？除非有我们在HTML中没有看到的东西，否则ul应该只是它的默认显示文本对齐：居中