CodePen Embed - 偽元素練習-1

<p>這是一段文字</p>

p {
  margin-top: 30px;
  margin-left: 20px;
}
p:before {
  content: '這是前面的內容';
  color: red;
}
p:after {
  content: '這是後面的內容';
  color: green;
}

This Pen is owned by Randy on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.