How to make a div with a blinking cursor and editable text without using <input>?

Question

I need to make a div layer so that when you click on it you will have your cursor there blinking and you can insert/delete text just like

Answer 1

contenteditable attribute could be used for this purpose. Following code line has been tested in IE7 and Firefox 3.0.10. One part, I have noticed that this attribute should be used in lower case only; else it wont work in Firefox.

   Enter text here