<h2 class="title">제목</h2>
<p class="paragraph">단락</p>

<section class="info">
  <h2 class="info__title">정보 제목</h2>
  <p class="info__paragraph">정보 단락</p>
</section>

<section class="danger">
  <h2 class="danger__title">위험 제목</h2>
  <p class="danger__paragraph">위험 단락</p>
</section>
.title {
  color: green;
}

.info {
  background: skyblue;  
  padding: 0.5rem;
}

.info__title {
  color: blue;
}

.info__paragraph {
  font-style: italic;
}

.danger {
  background: pink;  
  padding: 0.5rem;
}

.danger__title {
  color: red;
}

.danger__paragraph {
  letter-spacing: 1rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.