<div class="bg">
  <div class="block">
    <h1>заголовок</h1>
    <p>Подтекст</p>
  </div>
</div>
* {
  padding: 0;
  margin: 0;
}
.bg  {
  background: linear-gradient(180deg, #C4C4C4 50%, #FFFFFF 50%);
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.block {
  text-align:center;
  padding: 20px;
  background: linear-gradient(180deg, #FFFFFF 50%, #C4C4C4 50%);
  width: 80%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.