title: How to create a text editor in with line numbers in a web app
body: <p>I'm trying to create a text editor with line numbers, which increments with the lines increase. Well, my focus is to make the UI that will do good in Firefox OS as a privilege app. But in UI what css and html need to be used to create a text-field where line numbers must not be editable by the user. And few other thing say like, text-field is fixed height <code>height: 100px;</code> now if text overflows and if the user scroll then line numbers must scroll together with respective lines. (I'm trying to create with <code>textarea</code> and <code>div</code> with <code>contenteditable="true"</code>). I'm not able to scroll the text-field if I <a href="http://jakiestfu.github.io/Behave.js/examples/example-hook-linenums.html" rel="nofollow">try this</a>.  Please provide some help or any other way to do this.</p>