Я хотел перекрывать буквы в тегах div, накладывая оба тега, как показано ниже
(один с тегами span для каждой буквы).
Но обе буквы в разных тегах точно совпадают.
Есть некоторые несоответствия. Как я могу решить это?
<div id="wrapper" style="position: relative;">
<div id="original" style="background: rgba(255, 255, 255, 0.4); z-index:1; position:absolute;">Lorem Ipsum is simply</div>
<div id="copyed" style=" z-index:0; position:absolute; "><span>L</span><span>o</span><span>r</span><span>e</span><span>m</span><span> </span><span>I</span><span>p</span><span>s</span><span>u</span><span>m</span><span> </span><span>i</span><span>s</span><span> </span><span>s</span><span>i</span><span>m</span><span>p</span><span>l</span><span>y</span>
</div>
</div>