Create Div and drag through jquery.
<html> <head> <meta charset="utf-8"> <style> body { margin: 0; padding: 0; overflow: hidden; background-color: #F0F0F0; } body { font-family: Arial, Helvetica, sans-serif; } table { font-size: 1em; } .ui-draggable, .ui-droppable { background-position: top; } </style> <link rel="stylesheet" type="text/css" href="../css/normalize.css" /> <link rel="stylesheet" type="text/css" href="../fonts/font-awesome-4.3.0/css/font-awesome.min.css" /> <link rel="stylesheet" type="text/css" href="../css/demo.css" /> <link rel="stylesheet" type="text/css" href="../css/style.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <style&