JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<!doctype html>
<html lang="en">
<body>
  <div id="outerdiv"></div>
</body>
</html>

CSS

.border {
  border: 1px solid grey;
}

.pad {
  padding: 15px;
}

JavaScript

$(document).ready(function() {
  $('#outerdiv').append(
    $('<div>').prop({
      id: 'innerdiv',
      innerHTML: 'Hi there!',
      className: 'border pad'
    })
  );
});