Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> div { text-align: center; } h2 { color: green; } .hide { display: none; border: 5px double #b4b8bf; } a { display: block; margin-top: 15px; cursor: pointer; text-decoration: none; } a:hover + div { display: block; color: #4287f5; font-size: 20px; } </style> </head> <body> <div> <h2>W3docs</h2> <strong> Hover the element displayed below to see the div element. </strong> <a href=”https://www.w3docs.com/”>W3docs</a> <div class="hide"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </div> </div> </body> </html>