HTML AND CSS

---

---

HOW TO CREATE DROP DOWN MENU USING 

HTML AND CSS

---

---

CSS PART:
ul{ padding: 0; list-style: none; } ul li{ float: left; width: 150px; text-align: center; } ul li a{ display: block; padding: 5px 10px; color: #333; background: #f2f2f2; text-decoration:none; } ul li a:hover{ color: #fff; background: #939393; } ul li ul{ display:none; } ul li:hover ul{ display: block; /* display the dropdown */ }

HTML PART:
<h1 align="center"> www.sooezy.blogspot.com</h1> <ul> <li><a href="#">Home</a></li> <li><a href="#">Computer</a></li> <li> <a href="#">Laptops</a> <ul> <li><a href="#">Dell</a></li> <li><a href="#">Acer</a></li> <li><a href="#">Hp</a></li> </ul> </li> <li> <a href="#">Games</a> <ul> <li><a href="#">Fifa</a></li> <li><a href="#">Gta</a></li> <li><a href="#">Race</a></li> </ul> </li> <li><a href="#">Contact</a> <ul> <li><a href="#">AshokPurohit</a></li> </ul> </li> </ul>

DEMO: