JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tbody>
<tr>
<td>
<h2>About</h2>
</td>
</tr>
</tbody>
</table>

<table>
<tbody>
<tr>
<td>
<h2>Services</h2>
</td>
</tr>
</tbody>
</table>

<table>
<tbody>
<tr>
<td>
<h2>News</h2>
</td>
</tr>
</tbody>
</table>

CSS

section { background:#f4f4f4; border:1px solid black; padding:5px }
.content { background:lightblue; border:1px solid #fff; padding:5px; }

JavaScript

$(document).ready(function() {
    $("table").each(function(){
        var content = $('<div class="content"></div>');
        $("td", this).each(function(){
            content.append(this.innerHTML);
        });
        $(this).replaceWith($('<section></section>').append(content));  
    })
});