JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<div id='a' style='background-color: red; font-size: 4em; padding: 1em;'>
  
  <div style="text-align: center">
  CEnter
  </div>
</div>
<div id='b' style='background-color: blue; font-size: 4em; padding: 1em;'>
  
  <div>
  HEey
  </div>
</div>

<script src='https://www.rich-harris.co.uk/ramjet/ramjet.js'></script>
<script>
  var element1 = document.getElementById('a'),
      element2 = document.getElementById('b');

  // to repeat, run this from the console!
  
</script>

<button onclick="ramjet.transform( element1, element2 );">
Go
</button>

CSS

#b {
  position: absolute;
  top: 0;
  left: 0;
}