Analise o trecho de códigos HTML e CSS apresentados abaixo, com o intuito de estruturar um menu de navegação horizontal:
Código HTML
<nav>
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
</ul>
</nav>
Código CSS
nav {
width: 100%; height:50px;
background-color: #E8C35A;
}
Assinale a alternativa correta em relação ao restante do código CSS capaz de compor corretamente essa estrutura.
nav ul .li { display: inline-block; width: 100px; }
nav ul li a { display: block; width: 100px; }
nav ul li { display: inline-block; width: 100px; }
#nav ul li a { display: inline-block; width: 100px; }
#nav ul li { display: block; width: 100px;