<p class="one">Hello</p>
<p class="two">world!</p>
.one::after {
  content: ' WORLD!';
  color: green;
  font-size: 30px;
}

.two::before {
   content: 'HELLO ';
  color: violet;
  font-size: 30px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.