Не удается правильно выровнять текст внутри класса контейнера? - PullRequest
Новая
       21

Не удается правильно выровнять текст внутри класса контейнера?

0 голосов
/ 25 февраля 2019

Я пытаюсь выровнять содержимое внутри контейнера div по левому краю (padding-left: 100px; например, но не могу найти способ сделать это. Я предполагаю, что класс контейнера уже имеет поле иpadding? Если так, как я могу переопределить их. 

  <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. Забудьте о коде внутри контейнера {}, он все равно не работает ..

Так как мне это сделать?

Ответы [ 2 ]

0 голосов
/ 26 февраля 2019

Поскольку вы пытаетесь сослаться на свой класс как блок (<container>) для ссылки на классы, вам необходимо поставить точку перед именем класса 

.container{  
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
}
0 голосов
/ 26 февраля 2019

Вы можете попробовать добавить ! Важный к своим стилям, например так: 

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

}

...