Html 如何从左对齐标题菜单?我在左边看到一个意想不到的空白。请帮忙

Html 如何从左对齐标题菜单?我在左边看到一个意想不到的空白。请帮忙,html,css,Html,Css,我正在使用CSS创建标题菜单。你可以在上面的URL上看到。 HTML代码是 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

我正在使用CSS创建标题菜单。你可以在上面的URL上看到。 HTML代码是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Let's Be Foodie | Homemade Restaurant Style Food</title>
<link href="Style/main_css.css" rel="stylesheet" type="text/css" />
</head>
<div id="Header">
        <ul>
              <li><a href="#" title="Home"><span>Home</span></a></li>
              <li><a href="#" title="Recipes"><span>Recipes</span></a></li>
              <li><a href="#" title="Recipe Finder"><span>Recipe Finder</span></a></li>
              <li><a href="#" title="Foodie Blog"><span>Foodie Blog</span></a></li>
              <li><a href="#" title="Foodie Forum"><span>Foodie Forum</span></a></li>
              <li><a href="#" title="Tips & Tricks"><span>Tips & Tricks</span></a></li>
        </ul>
</div><!--Header class ends here-->
<body>
</body>
</html>
我怎样才能去掉左边多余的边距


查看我的问题的URL是:

body标记具有默认的margin属性。使用以下CSS代码删除默认边距:

body {
    margin:0;
}

#标头ul{padding:0;}随时可用。祝网站其他部分好运!嗨,达伦,我在头球中看到了一个问题,在头球的开始有一个小的白色间隙。你能告诉我我应该做什么改变来克服这个问题吗?这很可能是yoav回答的
正文{margin:0;}
。实际上,您应该从css重置开始,因为它使一切变得更加容易。退房
body {
    margin:0;
}