wwww[A]ooo

1, click the button to make '[A]' in div highlight by adding the span labels.
2, click the div, set the input cursor just after '[A]'. type something.
3, if you are using chrome, the new chars must be highlight. because the cursor is in the span labels. and if you are using firefox, it may be highlight or normal by chance. how can i move the cursor out of the span labels to input normal chars follow the span [A]? Edit in JS Bin