JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="box">
      <table align="center" border="1">
          <tr>
              <td valign="middle">button</td>
              <td valign="top" id="objtd">
                  <div id="objdiv1">
                      <object id="svgobject1" class="svgobject" data="http://www.trackitweb.com/test/viewer6/pages/vol_1/iss_1/001.svg" width="250px" height="162px" type="image/svg+xml">
                                                            <h1>Your browser does not support this format. Please use something other than IE.</h1>
                                                        </object>
                  </div>
              </td>
              <td valign="middle">button</td>
          </tr>
    
</div>
</div>

CSS

#container {
    width: 500px;
    height: 500px;
    border: 1px solid black;
}
#objdiv1 {
    width: 300px;
    height: 250px;
    text-align: center;
    padding-top: 25px;
    background-color: gray;
}

#objtd {
    overflow: hidden;
    position: relative;
}

JavaScript

$("#objdiv1").draggable();