【CSS】複数行で3点リーダーにするline-clampは、中にaタグがあったり、aタグに指定すると、3点リーダーを入れる箇所が末尾ではなく中央になるらしい？

<div>
  <a href=""><img src="" alt=""></a>
  <h3 class="item-title">
    <a href="">名前が入ります</a>
  </h3>
</div>

div {
  width: 200px;
}
.item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

div {
  width: 200px;
}
.item-title {
}
.item-title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

<div>
  <a href="">
    <img src="" alt="">
    <h3 class="item-title">
      名前が入ります
    </h3>
  </a>
</div>

div {
  width: 200px;
}
.item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}