Run
Tutorial With Example
Run your live code
<!DOCTYPE html> <html> <head> <style> ul { padding: 0; list-style: none; background: #f2f2f2; } ul li { display: inline-block; } ul li a { display: block; padding: 10px 25px; color: #333; text-decoration: none; } ul li a:hover { color: #fff; background: #939393; } </style> </head> <body> <h2>Navigation Menus Using Lists</h2> <ul class="in"> <li> <a href="https://www.bmw.com/en/index.html">BMW </a></li> <li> <a href="https://www.mercedes-benz.com/en/">Mercedes-Benz </a></li> <li> <a href="https://www.audi.in/in/web/en.html">Audi </a></li> <li> <a href="https://www.volvocars.com/">Volvo </a></li> <li> <a href="https://www.ferrari.com/">Ferrari </a></li> </ul> </body> </html>