<p>Dear Laura,</p>
<p>Ever since<ins cite="#edit1" datetime="2020-11-01T14:17:00EST"> the day you brought a peanut butter and banana sandwich to lunch in</ins> second grade, I've been in love with you<del cite="#edit2" datetime="2020-11-01T14:18:00EST"> and followed you everywhere you go</del>.</p>

<div class="edits">
  <h2>Changes</h2>
  <ol>
    <li id="edit1">This tells the reader why you've fallen in love.</li>
    <li id="edit2">Um, just no.</li>
  </ol>
</div>
body {
  padding: 2rem;
}

del::after,
ins::after {
  content: " (Details at " attr(cite) ") ";
  text-decoration: none;
  display: inline-block;
}

.edits {
  background: #eaeaea;
  border-radius: 8px;
  padding: 0.5rem 1rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.