JSFiddle - React, Tailwind, and code Playground

by felixsigl

HTML

<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <table>
            <tr>
                <td class="coll-1">
                    <b><a href="#">Some link text</a></b>
                    <p>Description lorem ipsum dolor sit amet consect</p>
                </td>
            </tr>
        </table>
    </body>
</html>

CSS

body {
    font-family: "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
    font-size:12px;
    line-height:15px;  
}

.coll-1 {
    border:1px solid yellow;
    padding:10px;  
}

.col-1-data {
    border:1px solid red;
    padding:10px;   
}

JavaScript

$(document).ready(function() {



    $("td.coll-1 *").wrapAll('<div class="col-1-data" />');



});