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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.