CSS Humor » Diet Before Content Unhealthy Width 1 EM Diet After Content Healthy Width 0.2 EM

Diet Before Content Unhealthy Width 1 EM Diet After Content Healthy Width 0.2 EM

.diet::before {
  content: "unhealthy";
  width: 1em;
}

.diet::after {
  content: "healthy";
  width: 0.2em;
}