How to increase width of underline for the multiline text when on hover

Question

Fellow brothers in code,

I am trying to achieve custom text-decoration: underline; effect for the multiline text between

tags. Si

Answer 1

You can use box-shadow for your case like this:

.custom-underline {
    font-size:200%;
    font-weight:bold;
    margin: 0;
    display: inline-block;
}
.custom-underline:hover {
    box-shadow: inset 0 -15px 0 violet, inset 0 -3px 0 black
}

Let the paint work


Share it with a friend


Just float around and be there