【CSS】border-leftの高さの調整について

Question

<div class="line">
 <h2>注意事項</h2>
</div>

//css
.line {
    border-left: thick solid #2c356c;
}

h2 {
    font-size: 4vw;
    margin: 0;
    margin-left: 2vw;
}

文字に対して左のボーダーが少し長いので、これを調整する方法はありますか？
h2の高さに対してボーダーが引かれているのだとは思いますが、h2のmarginを0にしてもここまでしか縮まりません。
また、h2のheightを変更すると上下均等に短くならず、ボーダーが下側から短くなっていくため、調整できませんでした。
何らかの方法があれば教えていただけますでしょうか？

Answer 1

希望する結果がわからないのですが・・・
h2に「line-height:1em;」を足してみてはどうでしょうか？

Comments

[peterpan]

記述不足ですみません。
文字とボーダーの高さを同じにしたかったです。
ボーダー(div)のheightと、h2のline-heightを調整するという認識で正しいでしょうか？
ご回答いただきありがとうございます。

[yambejp]

逆に、やってみて結果があっているかどうかを見てもらうほうがよいかと。
そうでなければ質問に手書きで必要な結果を画像として貼ってください

[peterpan]

出来ました！ありがとうございました。