JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html><html><body>
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<div style='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:"Inconsolata";
}