JSFiddle - React, Tailwind, and code Playground

by Simon Hi

HTML

<svg viewBox="0 0 200 100" tabIndex="0">
  <rect width="200" height="100" />
  <text x="50%" y="50%" text-anchor="middle">Click me</text>
</svg>

CSS

svg {
  width: 300px;
  height: 150px;
  text-anchor:middle;
}

svg:focus {
  fill: red;
}

text {
  fill: white;
}