JSFiddle - React, Tailwind, and code Playground

HTML

<div class="original_span_wrapper">
    <span>some span</span>
</div>

CSS

* {
    padding: 5px !important;
}
div {
    border: 2px solid red;
}
span {
    border: 2px solid lime;
    display: block;
}


.original_span_wrapper {
    border: 2px solid blue;
}

JavaScript

var wrapper = document.createElement('div');
    var selected_span = document.getElementsByTagName('span')[0]; //get the first available span element
    span_clone = selected_span.cloneNode(true);
    selected_span.parentNode.insertBefore(wrapper, selected_span);
    selected_span.parentNode.removeChild(selected_span);
    wrapper.appendChild(span_clone);