JSFiddle - React, Tailwind, and code Playground

by hellosze

HTML

<div id="name">
<span style="color:pink;">K</span>
<span style="color:orange;">E</span>
<span style="color:red;">L</span>
<span style="color:yellow;">L</span>
<span style="color:blue;">Y</span><br />
<span style="color:white;">C</span>
<span style="color:red;">H</span>
<span style="color:purple;">A</span>
<span style="color:green;">N</span>
</div>

CSS

#name {
  font-size: 108px;
  font-weight:bold;
  font-family: arial;
  text-shadow: 2px 2px 2px #000; 
}