Olá!
Estou com um problema que não consigo identificar. Ao usar o código " display: inline; " os itens da lista estão apenas perdendo a marcação. Não recebem a cor e não é removida a decoração. Alguma ideia do que poderia ser realizado aqui? Tentei inserir uma imagem para demostrar como ficou o erro, porém não estou conseguindo acrescenta-lá a esse post.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sky Games</title>
<link rel="stylesheet" href="SkyGames.css">
</head>
<body>
<header>
<h1>Sky Games</h1>
</header>
<nav>
<ul>
<li><a href="SkyEnterprise.html"><h3>Início</h3></a></li>
<li><a href="Skybot.html"><h3>Sky Bot</h3></a></li>
<li><a href="SkyCast.html"><h3>SkyCast</h3></a></li>
</ul>
</nav>
<p>Página dedicada a games criados pela empresa. Abaixo você encontrará os games prontos e onde encontra-los e os que estão em produção:</p>
</body>
</html>nav li {
display: inline;
color: #000000;
text-decoration: none;
}
nav a {
text-transform: uppercase;
}
