html - 无法正确对齐容器类中的文本？

Question

我正在尝试将容器 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。忘记容器内的代码{}它无论如何都不起作用..

那我该怎么做呢？

Answer 1

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

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