nav {
    background: #f2f2f2;
    padding: 10px;
}
/* 1. Convertimos el UL en un contenedor flex */
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
/* 2. Espacio entre elementos (ya no hacía falta en el <a>) */
nav li {
    margin-right: 15px;
}
nav a {
    text-decoration: none;
    color: #333;
}
nav a:hover {
    text-decoration: underline;
}