Как реализовать такие блоки?

Question

[Proroks]

Подскажите пожалуйста, как сделать что бы текст находился в контейнере, а полосы доходили до края экрана при разных разрешениях???

Answer 1

[Serj-One]

Псевдоэлементы.

<section>
  <div class="container">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
  </div>
</section>

.container {
  width: 500px;
  height: 200px;
  margin: auto;
  background: green;
  position: relative;
}
.container:before {
  content: '';
  display: block;
  width: 1000px;
  height: 100%;
  background: green;
  position: absolute;
  left: -1000px;
  top: 0;
}

section {
  overflow-x: hidden;
}

codepen.io/Serj-One/pen/KzKWOO