JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

   <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <title>jQuery Issue 7398</title>
      <style type="text/css">
         body { margin: 0pt; }
      </style>
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.js"></script>
      <script type="text/javascript">
         // <![CDATA[
         // ]]>
      </script>
   </head>

   <!-- # of rows dimensions MUST match # of frames or last frames will fail to load -->
   <frameset rows="0,0,0,0,0,*" border="0">
      <frame name="ChildFrame1" src="" frameborder="0" noresize="noresize" scrolling="off" />
      <frame name="ChildFrame2" src="" frameborder="0" noresize="noresize" scrolling="off" />
      <frame name="ChildFrame3" src="" frameborder="0" noresize="noresize" scrolling="off" />
      <frame name="ChildFrame4" src="" frameborder="0" noresize="noresize" scrolling="off" />
      <frame name="ChildFrame5" src="" frameborder="0" noresize="noresize" scrolling="off" />
      <frame name="ChildFrame5" src="" frameborder="0" noresize="noresize" />
      <noframes>
         <body><h2>This site requires frames.</h2></body>
      </noframes>
   </frameset>

</html>