スパンタグ内の最後のテキストがサファリバージョン10.0.2で削除される

Question

マウスオーバー時にSafariバージョン10.0.2で問題が発生するスパンタグのテキストの色が変更されていますが、スパンは文章内の全文と最後の文字をカバーしません色が最後の文字に適用されないようにカットされます。ワードスペースを削除すると、問題が解決されます。

これは私が期待しているようにこれがなぜ機能しないのかに関するアイデアですか？

Please find screen shot attachmententer code here

<div id="mainDiv"> 
      <span>The best preparation for tomorrow is doing your best today.</span> 
</div> 

jsFiddle

Answer 1

spanタグの表示プロパティを追加します。

span{display: block; width: 100%}