PRE Tag with Line Numbers

https://plus.google.com/108949996304093815163/about

HTML

<pre contenteditable="true" >
<ol>
    <pre>
  <pre>
  <li>1</li>
  <li>строка без пробелов</li>
  <li>строка с     пробелами     в центре</li>
  <li>  4234234</li>
  <li>      много пробелов в начале</li>
  <li>строка без пробелов</li>
  <li>строка без пробелов</li>
  <li>1</li>
  </pre>
  </pre>
</ol>

CSS

pre, code {
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}