Consider the following editable paragrahp <div contenteditable="true"> <p><span class="x">6</span>Try to click before the 'T', won't work.</p> </div> with the following styles .x { display: inline; font-weight: bold; color: green; } .x:before { content: "("; } .x:after { content: ") "; } you cannot click before the 'T'. Remove the :after style and it works.
Created attachment 31067 [details] Simple HTML example showing the problem
Works fine. This has been likely fixed a while ago.