【CSS】文字の下半分だけに線を引く方法

本日はCSSでアンダーラインを文字の下半分だけ引く方法について

書きたいと思います！

■使うプロパティ

.under {

background: linear-gradient(transparent 50%, #a8eaff 50%);

}