<div class="hero">
  <h1>The biggest blockbuster of all time</h1>
  <p>Witness on screens near you!!</p>
</div>
.hero {
  height: 400px;
  background: skyblue;
  
  display: grid;
  justify-items: center;
  align-content: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.