How to make a hover to show content and unhide after

Question

Show content when hover and hide content whrlen user click on my page

Answer 1

Html:
<p id = "hello"><br><br><br> Hello </p>

Css:
#hello {
position: absolute;
top: 10%;
left: 10%;
height: 80%;
width: 80%;
text-align: center;
font-size: 30px;
background: red;
}

#hello:hover {
background: blue;
color: white;
}

Answer 2

Vishnu What is not?

Answer 3

Thank you