<p>
Here is some content
</p>

<blockquote>
  some blockquote
</blockquote>
body {
  display: flex;
}

p::before {
  content: 'before';
  background: red;
  display: block;
  font-size: 10px;
}

p::after {
  content: 'after';
  background: green;
  display: block;
  font-size: 10px;
  
}

blockquote::before {
  content: open-quote;
  color: blue;
  font-size: 2em;
}

blockquote::after {
  content: url(https://picsum.photos/30);

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.