JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html><html><body>
<div style='font-family:monospace;display:inline-block;'...

CSS

span:nth-child(odd) {
  background:green;
}
span:nth-child(even) {
  background:yellow;
}
.grad {
  background:repeating-linear-gradient(to right,green 0,green 5ch,yellow 5ch,yellow 10ch);
}
body {
  margin:0;
  font-family:monospace;
  font-size:16px;
}