 <style>
  #THEBOX{
    background-color:blue;
    font-size:30px;
    width:300px;
    height:300px;
    padding:20px;
    float: left;}
  #THEBOX2{
    width:660px;
    margin: auto;}
table, th, td {
  border: 15px solid black;}
#div1 {
  width: 350px;
  height: 70px;
  padding: 10px;
  border: 5px solid #aaaaaa;}
  
</style>
 <script>
function allowDrop(ev) {
  ev.preventDefault();
}

function drag(ev) {
  ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
  ev.preventDefault();
  var data = ev.dataTransfer.getData("text");
  ev.target.appendChild(document.getElementById(data));
}
</script