JSFiddle - React, Tailwind, and code Playground

HTML

cccc

<div class="crap">
xxxx
</div>

CSS

body {
    font-family: Helvetica, Arial, sans-serif;
}

h1 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
}

JavaScript

var $body = $(document.body);

$body.append("<h1 style='font-size'>test 1</h1>");

$body.append($("<div>first element's content</div>").add("<p>second element's content</p>"));

$body.append("<h1>test 2</h1>");

$(document.body).append($("<div></div>").add("<p>second element's content</p>"));

$body.append("<h1>test 3</h1>");

$(".crap").after("<p>fred</p>");

$(document.body).append($("<div></div>").add("<p>second element's content</p>").after("<p>third element's content</p>"));