これが私が取り組んでいるフィドルです:
html コードは次のとおりです。
<div class="body">
<div class="variation1 font700 green1">
<h2>
sample <span class="divider"> arrowshape </span>
</h2>
</div>
<div class="clear"></div>
<div class="variation2 font700 green2">
<h2>
as the text increases the font size must decrease but the block height must remain same <span class="divider"> as the text increases the font size must decrease but the block height must remain same </span>
</h2>
</div>
<div class="clear"></div>
<!-- OTHER HTML -->
</div>
表示されている矢印ブロックの寸法(サイズ)を変更せずにdivに収まるようにテキストを調整したい(テキストサイズは変更できますが、ブロックサイズは変更できません)。矢印ブロックはサンプル矢印のように見える必要があり、バリエーション 2 に示すように問題に直面しています。誰かがこれで私を助けてもらえますか??