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