<!DOCTYPE html><html lang="it"><head><meta charset="UTF-8"><title>Titolo</title><link rel="stylesheet" href="style.css"><style>ul {list-style-type: none;background-color: orange;margin:50px;padding:5px;overflow: hidden;text-align:center;}ul li {display:inline;border-right: 10px transparent; /* serve per separare gli elementi */}ul li a {color: white;padding: 5px;text-decoration: none;}ul li a:hover {background-color: lime;}@media screen and (max-width: 401px){ul {list-style-type: none;margin:15px;padding:15px;width:50px;background-color:pink;}ul li {text-align: center;border:0px transparent; /* serve per separare gli elementi */}ul li a {display: block;color:purple;padding:15px;text-decoration: none;}ul li a:hover {background-color:lime;color:black;}}</style><script src="script.js"></script><script></script></head><body><nav><ul><li><a href="#">link1</a></li><li><a href="#">link2</a></li><li><a href="#">link3</a></li><li><a href="#">link4</a></li></ul></nav></body></html>