<figure>
  <blockquote>당신이 언젠가 죽을 것이라는 사실을 기억하는 것이야말로 무언가 잃을지도 모른다는 두려움에 갖히는 것을 피할 수 있는, 제가 아는 가장 최고의 방법입니다.</blockquote>
  <figcaption>
    <cite>스티브 잡스</cite>
  </figcaption>
</figure>
figure {
  max-width: 400px;
}

blockquote {
  background: lightgray;
  margin: 0;
  padding: 16px;
  border-radius: 8px;
  font-style: italic;
  line-height: 1.5;
}

blockquote::before {
  content: "“";
}

blockquote::after {
  content: "”";
}

cite {
  display: block;
  text-align: right;
  margin-top: 8px;
  color: dimgray;
}

cite::before {
  content: "—";  
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.