JSFiddle - React, Tailwind, and code Playground

by sifriday

HTML

<h1>Input</h1>

<p style="margin-right:0pt;margin-left:47.55pt;margin-bottom:0pt;line-height:normal;font-size:11pt;"> 
  <strong>
    <span style="font-family:Arial;">OUT</span>
  </strong>
  <strong>
   <span style="font-family:Arial;letter-spacing:0.05pt;">D</span>
 </strong>
 <strong>
   <span style="font-family:Arial;">OOR</span>
 </strong>
 <strong>
   <span style="font-family:Arial;letter-spacing:-0.5pt;"> </span>
 </strong>
 <strong>
   <span style="font-family:Arial;">COOLING</span>
 </strong>
 <strong>
   <span style="font-family:Arial;letter-spacing:-0.45pt;"> </span>
 </strong>
 <strong>
   <span style="font-family:Arial;">OF</span>
 </strong>
 <strong>
  <span style="font-family:Arial;letter-spacing:-0.15pt;"> </span>
</strong>
<strong>
  <span style="font-family:Arial;">AL</span>
</strong>
<strong>
  <span style="font-family:Arial;letter-spacing:-0.15pt;"> </span>
</strong>
<strong>
  <span style="font-family:Arial;">GH</span>
</strong>
<strong>
  <span style="font-family:Arial;letter-spacing:0.05pt;">A</span>
</strong>
<strong>
  <span style="font-family:Arial;">RAFFA</span>
</strong>
<strong>
  <span style="font-family:Arial;letter-spacing:-0.6pt;"> </span>
</strong>
<strong>
  <span style="font-family:Arial;letter-spacing:0.05pt;">SP</span>
</strong>
<strong>
  <span style="font-family:Arial;">ORTS</span>
</strong>
<strong>
  <span style="font-family:Arial;letter-spacing:-0.4pt;"> </span>
</strong>
<strong>
  <span style="font-family:Arial;">CL</span>
</strong>
<strong>
  <span style="font-family:Arial;letter-spacing:0.05pt;">U</span>
</strong>
<strong>
  <span style="font-family:Arial;">B</span>
</strong>
<strong>
  <span style="font-family:Arial;letter-spacing:-0.3pt;"> </span>
</strong>
<strong>
  <span style="font-family:Arial;">FOR</span>
</strong>
<strong>
  <span style="font-family:Arial;letter-spacing:-0.2pt;"> </span>
</strong>
<strong>
  <span style="font-family:Arial;">AS</span>
</strong>
<strong>
  <span...

JavaScript

var output = $("<p style='font-family:Arial;letter-spacing:0.05pt;'><strong>" + $("span").text() + "</p></strong>");

console.log(output)
$("#output").prepend(output)