テキストの下にラインを引くCSS

TIPS 0 Takuya Kobayashi

改行があっても横いっぱいにアンダーラインを引く方法。
text-decorationではない方法。
ググってもtext-decorationしかヒットしないのでここに書いておきます

.text {
line-height: 2;
background-image: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #ddd 97%, #ddd 100% );
background-size: 100% 2em;
}

--
以上