JSFiddle - React, Tailwind, and code Playground

HTML

<div id="stage"></div>

CSS

.divdrag{
          width:688px;
          position:relative;
          margin-top:20px;
          display:inline-block;
          height:50px;
            border: 1px solid red;
            
         }
        .divdrag:hover{
        -webkit-box-shadow: 1px 1px 3px #999;
        box-shadow: 1px 1px 3px #999;
        border:0.7px dotted;
            }

JavaScript

function createDiv() {
    var divTag = document.createElement("div");
    divTag.id = "div1";
    divTag.className = "divdrag";

    par = document.getElementById('stage'); 

    par.insertBefore(divTag, par.firstChild);
}

createDiv();