margin-right: 1em;
  border-collapse: collapse;
}
table, th, td {
  border: 1px solid black;
}
thead th {
  background: silver;
  color: black;
}
    </style>
    <script type="text/javascript">
window.onload = function () {
  var orange = document.getElementsByTagName('div')[0];
  orange.ondragstart = function (e) {
    e.dataTransfer.setData('text/plain','http://example.com/');
    e.dataTransfer.effectAllowed = 'copy';
  };
  var fuchsia = document.getElementsByTagName('div')[2], fde, fdo;
  fuchsia.ondr