title: Contenteditable: How to completely remove span when pressing del or backspace
body: <p>I have a <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content" rel="noreferrer">contenteditable</a> div, as shown in HTML below (caret marked by <code>|</code>).</p>
  
  <p>I would like to remove <code>span.label</code> when pressing <kbd>backspace</kbd> or <kbd>delete</kbd> (i.e. the span acts as a single letter, thus to the user it looks as if <code>Name</code> was deleted in one single keypress)</p>
  
  <pre><code>&lt;div contenteditable="true"&gt;
     Hallo, &lt;span class="label"&gt;Name&lt;/span&gt;|,
     this is a demonstration of placeholders!
     Sincerly, your
     &lt;span class="label"&gt;Author&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>