JSFiddle - React, Tailwind, and code Playground

by rpflorence

HTML

<script src="http://ryanflorence.com/forge/Element.unwrap.js"></script>
<button id="unwrap">unwrap</button>
<div id="wrapper">
    <p id="foo">I am all wrapped up</p>
    <p>But not for long.</p>
</div>

CSS

div#wrapper {
    background: #f0f0f0;
    border: solid 1px #ccc;
    font-size: 14px;
    padding: 10px;
    color: #585858;
}

div#wrapper p {
    margin: 1em;
}

body {
    font-family: helvetica, arial;
}

JavaScript

$('unwrap').addEvent('click',function(){
    
    $('foo').unwrap();
    
});