Html 如何在导航栏中添加空白？

我基本上想在导航条的两侧添加空白，这样导航条一直延伸到屏幕的末尾。如果有可能做到这一点，它将适合任何屏幕大小将是伟大的！我已经在codeacademy学习编码两天了，所以我不知道如何做这样的小事

非常感谢您的帮助。

（导航栏两侧的空白区域应与导航栏道具匹配，即不透明度、大小）

此外，我更希望有人能向我解释它是如何完成的，因为我注意到这里提出的许多问题都是用所需的确切代码来回答的，只需要复制+粘贴即可

这就是我的工作

---

我希望这个例子能对您有所帮助

<div class="container">
     <div class="nav">
        <label>foo1</label><label>foo2</label><label>foo3</label>
     </div>
<div>

---

为了阐明pconline的代码在做什么，如果您创建一个100%的div，然后为导航创建单独的div，您可以将外部div扩展到100%的全宽，然后分别对导航进行样式和对齐。

如果没有您的代码，则不可能。您可以简单地将所有项目设置为不同的div，然后将它们浮动（和边距/填充）到位。但是，这在调整大小时不起作用。试着寻找基础。我可能错了，但我不同意…为什么不可能解释如何在导航栏两侧添加空白并使导航栏居中。我有点同意Sowmya的观点，不可能仅用html和css自动更正中心部分。请发布您的html和css标记。您应该将此作为评论发布到pconline答案中（当你有足够的声誉时…）

.container{width:300px;height:50px; background-color:blue}
.nav{width:120px; height:50px; background-color:green; margin:0 auto;}
.nav label{line-height:50px;}