JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Source code</h3>
<div id="rendered"></div>
<hr>
<h3>Original</h3>
<div id="source">
<form id="Superform" action="javascript: return false;">
<form id="Subform1" action="javascript: return false;">
    form1
</form>
<form id="Subform2" action="javascript: return false;">
    form2
</form>
</form>
</div>

CSS

#rendered {
    white-space: pre;
}
h3{margin:0;}

JavaScript

$(document).ready(function() { 
    $('#rendered').text($('#source').html());
});