How to make text appear when hover over a href

Question

How would I make text appear under a link?

    Login
    
Access your profile here
             


        

      

Answer 1

The following style makes the p visible on hover:

.login a p {display:none;}
.login a:hover p {display:block;}

    Login
        
Access your profile here
    
 

Or if you want the whole link including p inside stay visible together on hover use the following:

.login a p {display:none;}
.login a:hover p {display:block;}
.login a:hover {display:block;}

    Login
        
Access your profile here