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

改行があっても横いっぱいにアンダーラインを引く方法。
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;
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です