自动采用<img/>高度到<h2>高度

Question

我想自动采用＆lt; IMG＆GT;高度为＆lt; H2＆GT;高度。

从技术上讲：例如，如果＆＃34; height＆＃34;值的＆lt; IMG＆GT;是70px，＆＃34;身高＆＃34;值的＆lt; H2＆GT;也应该是70px。

形象地说：图像高度应该＆＃34;结束＆＃34;在最后一行＆lt;的最后一行的下划线H2取代。

因此，当标题字符较少时，图像应自动变小。我是否需要使用javascript或者我是否可以使用CSS进行此操作？

请看下面的示例，以便了解我的意思：

  

＆lt;的给定属性IMG＆GT; （float：right）和＆lt; DIV＆GT; （最大宽度：   不应更改70％），但可以添加其他属性。

＆＃13;

＆＃13;

img {
  float: right;
}

div {
  max-width: 70%;
}

＆＃13;

<div>
  <a href="#"><img src="https://www.w3schools.com/css/pineapple.jpg" alt=""></a>
  <h2><a href="#">Dolor Ipsum sol kinetus valis dolor alem est gillado fam</a></h2>
</div>

＆＃13;

＆＃13;

＆＃13;