title: Implementing uneditable line numbers into set of pre tags
body: <p>I want a group of editable <code>pre</code> tags, each one representing a line of text. The line should start off with the line number (uneditable) then be editable after that. If I do <code>&lt;span contentEditable="false"&gt;1 &lt;/span&gt;&lt;pre contentEditable="true"&gt;&lt;/pre&gt;</code> then the <code>span</code> is uneditable and the <code>pre</code> is editable, but the <code>pre</code> is on the next line.</p>
  
  <p>If I change it so the <code>span</code> is within the <code>pre</code> (<code>&lt;pre contentEditable="true"&gt;&lt;span contentEditable="false"&gt;1 &lt;/span&gt;&lt;/pre&gt;</code>) then the entire thing is editable, and the 1 shows up in the middle of the line with weird tabs indenting it.</p>
  
  <p>How can I get line numbers at the beginning of the <code>pre</code> line?</p>