JSFiddle - React, Tailwind, and code Playground

by gchoken

HTML

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Layout :
<div class="contactDetail">
<p class="contactName">Root Accez</p>
<p class="contactTwitter">Twitter: <a href="https://twitter.com/twitterapi" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @twitterapi</a></p>
<p class="contactFacebook">Facebook: <img/></p>   
</div>
<br/>

JavaScript

$(function(){

    
$('.contactDetail').find('p:not(:has(img,iframe))')
                .wrapAll('<div class="column"/>')
                .end()
                .find('p:has(img,iframe)')
                .wrapAll('<div class="column"/>')
                .end().wrapAll('<xmp/>');


});