Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <title>Заголовок документа</title> <head> <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> Наведите мышь на элемент внизу, чтобы увидеть div-элемент. </strong> <a href=”https://www.w3docs.com/”>W3docs</a> <div class="hide"> Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. </div> </div> </body> </html>