Here is the HTML
<div contenteditable="true" style="padding: 8px;">
hello world
<br>
<div contenteditable="false" style="display: inline-block;">hello world</div>
</div>
I’m not able to put the cursor beginning of the non-contenteditable here (or in between the br and non-contenteditable). Please give me HTML, CSS, and JavaScript that will do this.
What I tried: 0-width space in between br and non-contenteditable. I don’t like this because you have to press extra arrows to move around. And you have to remove the 0-width space every time you remove the non-contenteditable.
New contributor
solidwaterslayer is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.