title: How to have <div> and <img> in the same cell when using cell.appendChild?
body: <p>I am using this piece of code to create a cell in a table...</p>
  
  <pre><code>var cell = row.insertCell(i);
  cell.contentEditable = true;
  var element = document.createElement("div");
  var image= document.createElement("img");
  image.src = "pics/grey-button.png";
  element.type = "text";
  element.className = "boxes";
  element.id = tableID+n+""+i;
  element.contentEditable = true;
  cell.appendChild(element);
  cell.appendChild(image);
  </code></pre>
  
  <p>but in each cell I get the image under the <code>&lt;div&gt;</code>, how do I get them to be in the same line?</p>
  
  <p>Thanks!</p>