<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> .menu, .menu ul, .menu li { list-style: none; padding: 0; margin: 0; } .menu li { float: left; width: 200px; } .menu li ul { display: none; } .menu li ul:hover, .menu li a:hover + ul { display: block; } .menu a { color: blue; text-decoration: none; font-size: xx-large; } .menu li ul li a { color: red; } </style> </head> <body> <ul class="menu"> <li> <a href="news.html">Новости</a> <ul> <li><a href="#">Раз</a></li> <li><a href="#">Два</a></li> </ul> </li> <li> <a href="products.html">Продукты</a> <ul> <li><a href="#">Раз</a></li> <li><a href="#">Два</a></li> </ul> </li> <li> <a href="houses.html">Дома</a> <ul> <li><a href="#">Раз</a></li> <li><a href="#">Два</a></li> </ul> </li> </ul> </body> </html>