页面左侧的CSS空白页边距

页面左侧的CSS空白页边距,css,margin,Css,Margin,我怎样才能在页面的左边空白?屏幕截图在中,CSS如下所示: div.nav { text-align: center; } div.nav ul { background: #ADD8E6; border: 1px solid #999; display: inline-block; line-height: 2.5em; list-style: none; margin: 0 auto; padding: 0; white-space: nowrap; }

我怎样才能在页面的左边空白?屏幕截图在中,CSS如下所示:

div.nav {
  text-align: center;
}

div.nav ul {
  background: #ADD8E6;
  border: 1px solid #999;
  display: inline-block;
  line-height: 2.5em;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  white-space: nowrap;
}

div.nav ul li {
  display: inline;
  margin: 0 1px;
  padding: 0;
}

div.nav ul li a {
  display: inline-block;
  padding: .5em;
  text-decoration: none;
  vertical-align: middle;
}

div.nav ul li a:hover {
  background-color: #48D1CC;
  color: #C0FFC0;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>     
<title>aaa</title>  <link type="text/css" rel="stylesheet" href="styles.css" /></head>  
<body> 
<div id="dokumentti">
<div class="nav">
<ul>
<li><a href="http://www.aaa.freehostingcloud.com/register.php">Rekisteröidy</a>  
</li><li><a href="http://www.aaa.freehostingcloud.com/login.php">Kirjaudu sisään</a>  
</li></ul>
</div>
</div>
</body>
</html>
div.nav{
文本对齐:居中;
}
导航舱{
背景:#添加8e6;
边框:1px实心#999;
显示:内联块;
线高:2.5em;
列表样式:无;
保证金:0自动;
填充:0;
空白:nowrap;
}
海军部副部长{
显示:内联;
利润率:0.1px;
填充:0;
}
海军陆战队{
显示:内联块;
填充:.5em;
文字装饰:无;
垂直对齐:中间对齐;
}
驾驶员导航ul li a:悬停{
背景色:#48d1C;
颜色:#C0FFC0;
}
aaa

我真的不明白你的问题是什么。你能澄清一点吗?我没有做过很多CSS,所以我想学习在我的网站左边留出一个空白。你应该先尝试一下,然后发布你到目前为止尝试过的东西,即使你失败了,我们也可以帮你更多。这不是一个“给我代码”网站:)我找到了一个解决方案:正文{……左边距:3%;右边距:3%;}
#dokumentti {
    margin-left: 100px;
}