JSFiddle - React, Tailwind, and code Playground

by daneren2005

HTML

<svg class="" width="148.74551689995658" height="43.17665547688802">
  <text x="1.1155555555555556" y="29.85278896755642">
    <tspan style="font-size: 27.8889px; fill: rgb(0, 0, 255); font-style: italic; stroke: rgb(255, 215, 0); stroke-width: 1.81667px;">Type&nbsp;here</tspan>
  </text>
  <text x="1.1155555555555556" y="29.85278896755642" class="clone">
    <tspan style="font-size: 27.8889px; fill: rgb(0, 0, 255); font-style: italic;">Type&nbsp;here</tspan>
  </text>
</svg>

<div style="font-family: open sans,emoji">
  <svg class="" width="148.74551689995658" height="43.17665547688802">
    <text x="1.1155555555555556" y="29.85278896755642">
      <tspan style="font-size: 27.8889px; fill: rgb(0, 0, 255); font-style: italic; stroke: rgb(255, 215, 0); stroke-width: 1.81667px;">Type&nbsp;here</tspan>
    </text>
    <text x="1.1155555555555556" y="29.85278896755642" class="clone">
      <tspan style="font-size: 27.8889px; fill: rgb(0, 0, 255); font-style: italic;">Type&nbsp;here</tspan>
    </text>
  </svg>
</div>

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Abril+Fatface|Alfa+Slab+One|Anton|Architects+Daughter|Bangers|Berkshire+Swash|Bonbon|Chewy|Coming+Soon|Courgette|Crafty+Girls|Dancing+Script|Diplomata|Diplomata+SC|Eater|Erica+One|Ewert|Fascinate+Inline|Faster+One|Fontdiner+Swanky|Fredoka+One|Gloria+Hallelujah|Homemade+Apple|Indie+Flower|Kaushan+Script|Kavoon|Libre+Baskerville|Lobster|Lobster+Two|Londrina+Shadow|Love+Ya+Like+A+Sister|Luckiest+Guy|Modak|Monofett|Montserrat+Subrayada|Noto+Sans|Open+Sans|Oswald|Overlock|Pacifico|Pathway+Gothic+One|Permanent+Marker|Petit+Formal+Script|Pirata+One|Playball|Rock+Salt|Rubik+Mono+One|Seymour+One|Shadows+Into+Light|Sigmar+One|Tangerine|Ubuntu">