css/html-删除li标记前的空格_Html_Css

css/html-删除li标记前的空格

html css

css/html-删除li标记前的空格,html,css,Html,Css,我想删除li标签前的空格（标记为黄色），但我不知道如何删除我阅读了关于这个问题的其他问题，但这对我没有帮助，我尝试添加边距：0px 这是一个描述问题的屏幕截图： <html dir="rtl"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1255"> <meta name="viewport

我想删除li标签前的空格（标记为黄色），但我不知道如何删除

我阅读了关于这个问题的其他问题，但这对我没有帮助，我尝试添加边距：0px

这是一个描述问题的屏幕截图：

<html dir="rtl">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<style type="text/css">

*
{
    font-size:13pt;
    font-family:Arial;
}

hr {
border:1px; Border-Style: solid; border-color: D8D8D8;
}

.menu ol,ul{list-style:none; }
.menu ul li{    display:block; }

.menu{
}
.menu a{
    background:#f9f9f9;
    border-bottom:1px solid #eee;
    display:block;
    padding:13px;
    color:#767676;
    font-size:12px;
}
.menu a:hover{
    background:#fff;
}
header .menu{
    border-top:1px solid #eee;
}
header .menu a{
    padding:15px 15px 15px 25px;
}
header .menu li:last-child a{
    border-bottom:none;
}


a:link, a:visited, a:active {color: #033254 } 
a:hover{color:E19E21} a{text-decoration:none}
</style>
<body bgcolor='#FDFDF7' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


            <ul class="menu">


<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>
<li><a href="eeee">aaaaaa</a></li>

</ul>


*
{
字号：13pt；
字体系列：Arial；
}
人力资源{
边框：1px；边框样式：纯色；边框颜色：D8D8D8；
}
.menu ol，ul{列表样式：无；}
.menu ul li{显示：块；}
.菜单{
}
.菜单a{
背景#f9f9f9；
边框底部：1px实心#eee；
显示：块；
填充：13px；
颜色：#7676；
字体大小：12px；
}
.菜单a：悬停{
背景：#fff；
}
标题.菜单{
边框顶部：1px实心#eee；
}
标题.菜单a{
填充：15px 15px 15px 25px；
}
标题.菜单li:最后一个子项a{
边框底部：无；
}
a:链接，a:已访问，a:活动{color:#033254}
a:hover{color:E19E21}a{文本装饰：无}

设置

右侧填充：0在您的ul

.menu {
    padding-right: 0; 
}

您只需将padding:0
添加到ul
元素：
ul.menu {
    padding: 0;
}

尝试使用此重置css
/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
margin: 0;
padding: 0;
border: 0;
}

改变
到
通常，间距可能是由ul
元素或li
元素上的默认边距或填充设置引起的。要清除它们（在这里似乎是合适的），请设置
例如，如果在菜单之前或之后需要一些间距，请在上述规则之后单独设置，例如.menu{margin bottom:1em}
，该间距可能不在您的LI上，而是在您的UL上。
.menu{
}

.menu{
    padding: 0;
}

.menu, .menu li {
  margin: 0;
  padding: 0;
}