如何更改 div 的左右填充？

Question

我是 css 的新手，不知道如何删除灰色网站标题的左右填充，中间是“网站”。换句话说，我试图减少标题文本左侧和右侧的灰色区域量。我试图将填充减少到 0px，但它没有做任何事情。

Answer 1

那是因为 Website 元素是一个块，默认情况下它的宽度为 100%。我们可以缩小您选择的宽度，margin:auto将其设置到中心。

.container {
  width: 100vw;
  height: 100vh;
}

h1 {
  background-color: gray;
  text-align: center;
  color: white;
  
  /**/
  width: 200px;
  margin: auto;
}

<div class="container">
  <h1>Website</li>
</div>

如何更改 div 的左右填充？

How do I change the left and right padding of a div?

css

padding