Text that shows an underline on hover

Question

Can you underline a text on hover using css? (Like the behavior of a link but not an actual link.)

1. you have the following text Hello work
2. when you h

Answer 1

You just need to specify text-decoration: underline; with pseudo-class :hover.

HTML

Hello world

CSS

.underline-on-hover:hover {
    text-decoration: underline;
}

I have whipped up a working Code Pen Demo.