html - 如何删除我的无序列表左侧的尴尬边距？

Question

我有这个无序列表:

CSS:

.MainMenu
{
    position: absolute;
    top:125px;
    left:15px;    
    background-color: #033E6B;
    color:White;
    border-style:double;
    border-color:White;
}

HTML:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainMenu.ascx.cs" Inherits="LoCompro.UserControls.MainMenu" %>
<ul>
    <li>Inico</li>
    <li>Navegar Por Categoria</li>
    <li>Navegar Por Marca</li>
    <li>Buscar</li>
</ul>

我怎样才能使列表项不会在左侧留下巨大的空隙？我希望它整齐地出现在一个盒子里。谢谢!

Answer 1

ul
{
     padding-left:0px;
     margin-left: 0px;
}

我建议使用 firebug，一个 FireFox 插件来查找这些类型的问题。单击有问题的元素，然后查看它的“布局”。它会准确地告诉您填充和边距的来源。