<div class='container'>
  <h1 class='title'>Hello World!</h1>
  <p class='description'>This is a demonstration of the 'margin-block' CSS property.</p>
</div>

.container {
  background-color: lightblue;
  padding: 20px;
  text-align: center;
}

.title {
  margin-block: 30px;
  font-size: 2em;
}

.description {
  margin-block: 20px;
  font-size: 1.2em;
}

// No JavaScript required for this demo

Hello World!

This is a demonstration of the 'margin-block' CSS property.