JSFiddle - React, Tailwind, and code Playground

by alejuliet

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <div style="padding:40px 40px 40px 40px; background-color:#eaedf1">
  <div id="wrapper" style="border:1px solid #eaedf1; width:602px; background-color:white;">

    <div id="header" style="height:96px; width:600px;">
      <h2 style="text-align:center;">This is header
      </h2>
    </div>
    <div contenteditable="true" style="height:1400px; width:600px; border:1px solid #eaedf1;"> 
    </div>
    <div id="footer" style="height:50px; width:600px;">
      <h2 style="text-align:center;">This is footer
      </h2>
    </div>
    <div style="background-color:#eaedf1;height:10px; width:600px;">
    </div>

    <div id="header" style="height:96px; width:600px;">
      <h2 style="text-align:center;">This is header
      </h2>
    </div>
    <div contenteditable="true" style="height:1400px; width:600px; border:1px solid #eaedf1;"> 
    </div>
    <div id="footer" style="height:50px; width:600px;">
      <h2 style="text-align:center;">This is footer
      </h2>
    </div>

  </div>