html show text on hover
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.par{
color: white;
border: 1px solid black;
width: 400px;
}
.par:hover {
background-color: skyblue;
transition: 1s;
cursor: pointer;
}
</style>
</head>
<body>
<p class="par" ><font color="white">hello thank you for hovering</font></p>
</body>
</html>