div标签中重叠的字母

Question

我想通过覆盖下面的两个标签来重叠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>