iPhoneで、aタグ直下にテキストがあると、複数行三点リーダの表示位置が変わってしまう

PCブラウザで表示確認しながらコーディングしていて、いざ実機で確認してみたらiPhoneで3点リーダの位置がおかしい..！！？
aタグの中のテキストはそうなってしまうらしく、spanを挟むことで回避できました。
バージョンアップなどで変わるかもしれませんが、現時点ではこうなるようです。


※ このページを実機で確認してみてください。

See the Pen iPhone：複数行での三点リーダ表示で、aタグ直下にテキストがあると位置が変わってしまう by takapen (@takapen) on CodePen.

aタグの中にspanなし

spanなしspanなしspanなしspanなし

三点リーダが間に表示される

spanなしspan
な...spanなし

aタグの中にspanあり

spanありspanありspanありspanあり

三点リーダが最後に表示される（PCプレビューと同じ表示になる）

spanありspan
ありspanあ...

p {
  margin: 20px;
  padding: 0;
  width: 100px;
  height: 2.8em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}