HTML
<!DOCTYPE html> <!-- Esta instrução serve para corresponder a versão do html = 5 (última versão do htlm)-->
<html>
<head> <!-- Agrupa informação para o navegador entender nossa página, título, ícone e codificação-->
<meta charset="utf-8">
<title>Blog HTML e CSS Shellen</title>
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="testeMod7.css">
<!-- carrega a fonte Crimson Text nas versões normal, itálico e negrito -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
<!-- carrega a fonte Open Sans Condensed na versão negrito, -->
<!-- que é a única necessária para os cabeçalhos -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">
</head>
<body>
<img src="minhaempresa.png" alt="Minha empresa">
<nav>
<ul>
<li><a href="/sobre">Sobre</a></li>
<li><a href="/produtos">Produtos</a></li>
<li><a href="/consultoria">Consultoria</a></li>
<li><a href="/contato">Contato</a></li>
</ul>
</nav>
</body>
</html>
CSS
body{
background-color: #eeeeff;
display: inline-block;
}
img{
vertical-align: middle;
}
nav{
text-align: center;
display: inline-block;
width: 290px;
height: 140px;
margin-top: -40px;
font-size: 20px;
box-sizing: border-box;
vertical-align: text-top;
}
Para fazer a prova do módulo 7, fiz o código acima, ficou conforme conforme apareceu na prova, queria saber se a forma que fiz o css, se está correto, creio que código são diversas maneiras de fazer, mas a forma que fiz pode não ser a mais correta, mas consegui chegar no mesmo resultado.
Apenas quero saber se é considerado correto da forma certa e apenas para saber, qual caminho poderia ser mais fácil.