--- title: "How to dropdown menu using HTML and CSS?" description: "How to dropdown menu using HTML and CSS?" author: "Ravi Vishwakarma" published: 2021-07-19 canonical: https://answers.mindstick.com/qa/93774/how-to-dropdown-menu-using-html-and-css category: "web application" tags: ["javascript", "html5", "css cascading style sheets"] reading_time: 2 minutes --- # How to dropdown menu using HTML and CSS? How to [dropdown](https://www.mindstick.com/articles/263/ajax-toolkit-dropdownextender-in-asp-dot-net) menu using [HTML](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) and [CSS](https://www.mindstick.com/articles/12349/a-step-by-step-guide-to-making-pure-css-tooltips)? ## Answers ### Answer by Ethan Karla ```                

Hoverable Dropdown

   

Hover on the fruits button

   

Move the mouse over the text below to open the dropdown content.

   
        Fruits        
           

Apple

           

Banana

           

Orange

           

Grapes

           

Mango

           

Chery

           

Kiwi

       
   
``` \ --- Original Source: https://answers.mindstick.com/qa/93774/how-to-dropdown-menu-using-html-and-css Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.