JSFiddle - React, Tailwind, and code Playground

HTML

<h2 class="title" style="font-color: red;">Blog Post</h2>

JavaScript

var h2 = document.querySelector("h2");
var p = document.createElement("p");
p.appendChild(h2.firstChild);
h2.parentNode.insertBefore(p, h2);
h2.parentNode.removeChild(h2);