如何清除我的无序列表左边的尴尬边距？ [英] How to Remove the Awkward Margin to the Left of my Unordered List?

问题描述

我有这个UnorderedList：

I have this UnorderedList:

alt text http://i28.tinypic.com/1hou84.png

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>

如何使列表项不会在左侧留下巨大的差距？我想要它整齐地出现在一个盒子里。谢谢！

How can I make it so the List Items dont leave a huge gap on the left? I want it to appears neatly in a box. Thank you!

推荐答案

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

我建议使用firebug，一个FireFox插件来找到这些类型的问题。点击有问题的元素，然后看看它的布局。它会告诉您填充和边距的确切位置。

I suggest using firebug, a FireFox plugin to find these types of issues. Click element in question, then look at it's "layout." It'll tell you exactly where padding and margins are coming from.

这篇关于如何清除我的无序列表左边的尴尬边距？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！