<div class="comment">
  <h3>Brad Westfall</h3>
  <p>Dan! When are hooks going to be ready?</p>

<div class="comment moderator">
  <h3>Dan Abramov</h3>
  <p>React hooks are coming soon!</p>
.comment {
  margin: 1em;
  background-color: #cbe9f5;
  border-radius: 0.3em;
  // Uncomment any one of these three to fix the collapsing margins:
  // border: 1px solid transparent;
  // padding: 1px;
  // overflow: hidden;
  // display: flow-root;

.comment.moderator {
  background-color: #efefd7;
  border: 1px solid #a7a784;
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.