无法正确对齐容器类中的文本？答案

【问题标题】：Cannot align text inside a container class properly?无法正确对齐容器类中的文本？
【发布时间】：2019-02-25 20:58:51
【问题描述】：

我正在尝试将容器 div 内的内容向左对齐（例如 padding-left:100px ；但无法找到这样做的方法。我猜容器类已经有一个边距并且填充？如果是这样，我该如何覆盖它们。

  <div class="section1bg">
    <div class="container"> 
      <div class="col-md-6">
        <div class="waldbrandtext1">
           <h2>Waldbrand</h2>
          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
        </div>

        <a data-scroll href="#text2" class="btn btn-warning">Mehr über Waldbrände > </a> 

        <script>
          var scroll = new SmoothScroll('a[href*="#"]', {
            speed: 500,
            speedAsDuration: true
          });
        </script> 

      </div> 
    </div>
  </div>
</div>

那是 HTML。我希望通过添加一些填充将 container 类与左侧对齐，但就像我说的那样它不起作用。

container{  
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
}

那是我的 CSS。忘记容器内的代码{}它无论如何都不起作用..

那我该怎么做呢？

【问题讨论】：

首先你必须添加一个点。 (.Container{}) 以及您是否将您的 CSS 文件链接到 HTML？最后一个问题。您正在使用宽度：100%。这意味着你覆盖了整个区域？我不记得 100% 肯定，但尝试将宽度减小到上面的类并删除 30 像素。（它会响应，因为你将它放在另一个 div 中，我假设你使用百分比）

标签： html css alignment containers

【解决方案1】：

因为您试图将您的班级作为一个块 (<container>) 来引用您需要在班级名称前加一个点的班级

.container{  
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
}

【讨论】：

没有任何区别。