Actualmente no te recomiendo utilices float, a menos que sea un caso muy particular, en el caso del nav lo que puedes hacer es usar un display flex o grid, pero como estas comenzando aprende primero flexbox y luego pasa a css grid, como resolver lo de tu nav, pues bueno con el siguiente codigo te puedes apoyar. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Etiqueta Nav</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; } nav { max-width: 1200px; margin: auto; } .menu { list-style: none; display: flex; justify-content: space-between; align-items: center; } .menu li { width: 200px; padding: 10px 0; background-color: blue; text-align: center; color: #fff; } </style> </head> <body> <nav> <ul class="menu maximo"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </nav> </body> </html>