Edit The Code:
See Result »
Try it Yourself - ©
w3ii.com
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/lib/w3.css"> <body class="w3-container"> <h2>Image Dropdown</h2> <p>Move the mouse over the image:</p> <div class="w3-dropdown-hover"><img src="img_fjords.jpg" alt="Monterosso" style="width:20%"> <div class="w3-dropdown-content" style="width:300px"><br> <img src="img_fjords.jpg" alt="Norway" style="width:100%"> <a href="#" class="w3-border">Visit Norway »</a> </div> </div> </body> </html>