<div class="parent">
  <p class="child">これはテキストです。</p>
  <p class="child">これはテキストです。</p>
</div>
  
/* リセット */
p {
  margin: 0;
}

/* 親 */
.parent {
  background-color: #00bfff;
}
/* 子 */
.child {
  margin-top: 20px;
  margin-left: 20px;
  font-size: 20px;
  font-weight: bold;
  background-color: #7fff00;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.