Espero una barra de navbar personalizada donde configuro el fondo de navegación en negro y configuro una etiqueta para mostrar el bloque en línea y el relleno 10. Pero, HTML no muestra nada cuando agrego css. Sin embargo, se está procesando cuando elimino CSS. Por favor, ¿alguien puede explicar por qué y cómo puede hacer que funcione?
* { box-sizing: border-box; margin: 0; padding: 0; } .topvav { width: 100%; background: #000; border: 1px solid #000; } a { display: inline-block; text-decoration: none; color: white; padding: 10px; } a:hover { display: inline-block; /* float: left; */ background: white; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <link rel="stylesheet" href="test.css" /> </head> <body> <div class="topnav" id="myTopnav"> <a href="#home">Home</a> <a href="#news">News</a> <a href="#contact">Contact</a> <a href="#about">About</a> </div> </body> </html>Error tipográfico: en el archivo CSS, reemplace .topvav con .topnav