JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div"> <span id="span">Test</span>

</div>
<br>
<br>
<br>
<div id="updatedDiv"></div>

CSS

#div {
    width:120px;
    height:120px;
    background:#f00;
    color:#fff;
    font-weight:bold;
    font-size:24px;
}

JavaScript

$(function () {
    var width = $("#div").css("width");
    var height = $("#div").css("height");
    var backgroundColor = $("#div").css("background-color");
    var color = $("#div").css("color");
    var font_weight = $("#div").css("font-weight");
    var font_size = $("#div").css("font-size");
    var content = $("#div").html();
    
    // Append the original content
    $("#updatedDiv").append(content);
    
    //
    // Store CSS properties in an array
    var cssProperties = {
        'width': width,
        'height': height,
        'background-color': backgroundColor,
        'color': color,
        'font-weight': font_weight,
        'font-size': font_size
    };
    
    //
    // Set CSS properties on the new object
    $.each(cssProperties, function(key, value) {
      $("#updatedDiv").css(key, value);
    });
});