How to create dropdown menu in html css

<style> .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; } .dropdown:hover .dropdown-content { display: block; } </style> <div class="dropdown"> <span>Mouse over me</span> <div class="dropdown-content"> <p>Hello World!</p> </div> </div>

https://www.w3schools.com/howto/howto_css_dropdown.asp

Use select and option tag.

Hi! A simple way to get a dropdown menu in html is use the <details> tag, is you want to name it, use the summary tag

Use Bootstrap component