JSFiddle - React, Tailwind, and code Playground

by tobek

HTML

<div class="html-text">Watermelon</div>

<svg width="400" height="50">
  <text x="0" y="50" font-size="50">Watermelon</text>
</svg>

CSS

.html-text {
  font-size: 50px;
  color: green;
}
.html-text::first-letter {
  color: red;
}

svg text {
  fill: green;
}
svg text::first-letter {
  fill: red;
  color: red;
}