Pseudo elements

by nabendu

HTML

<p>Hi</p>
<div>Howdy</div>
<button>Welcome</button>

CSS

p::after {
  content: " How are you"
}

div::before {
  content: "Greeting Earthling "
}

button:hover::after {
  content: " My Martian friend"
}