Edit in JSFiddle

<div class="section">
  <div class="container">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero eaque, animi possimus quos modi ab cum cumque, dignissimos sed nesciunt nam id a quisquam, nulla numquam architecto! Mollitia, tempora, eos?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero eaque, animi possimus quos modi ab cum cumque, dignissimos sed nesciunt nam id a quisquam, nulla numquam architecto! Mollitia, tempora, eos?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero eaque, animi possimus quos modi ab cum cumque, dignissimos sed nesciunt nam id a quisquam, nulla numquam architecto! Mollitia, tempora, eos?
  </div>
</div>
.section {
  background: linear-gradient(to right, blue 50%, yellow 50%);
}
.container {
  max-width: 500px;
  margin: auto;
  background: white;
}