Boa noite pessoal, sou o Douglas estou iniciando HTML, pode parecer uma dúvida boba, mas estou uando a TAG float porém não está surtindo efeito, poderiam me ajudar?
Segue o código CSS:
nav{
float: left;
}Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>
<body>
<h1 id="titulo">Receita - Mousse de Maracujá</h1>
<nav>
<ul>
<li><a href="#">Mousse de Maracujá</a></li>
<li><a href="#">Pavê</a></li>
<li><a href="#">Pudim</a></li>
<li><a href="#">Torta de Morango</a></li>
</ul>
</nav>
<section id="conteudo">
<section id="topo">
<figure>
<img src="foto.jpg" />
<figcaption>Foto do Mousse de Maracujá</figcaption>
</figure>
</section>
<h2>Ingredientes</h2>
<ul>
<li>1 lata de leite condensado</li>
<li>1 lata de creme de leite</li>
<li>1 lata de suco de maracujá(aproximadamente 4 maracujás)</li>
<li>1 pacote de gelatina incolor Sementes de maracujá(para decoração)</li>
</ul>
<h2>Modo de Preparo</h2>
<ol>
<li>Hidrate a gelatina na água, e depois dissolva em banho-maria</li>
<li>Misture todos os ingredientes em um liquidificador(exceto as sementes de maracujá)</li>
<li>Bata os ingredientes no liquidificador, em potencia máxima, por 2 minutos</li>
<li>Coloque o mousse em um recipiente e decore-o com as sementes de maracujá</li>
<li>Coloque o mousse na geladeira, deixando em refrigeração por aproximadamente 4 horas</li>
<li>Devore!</li>
</ol>
<h2>Informações Nutricionais</h2>
<table id="tb-nutrientes">
<thead>
<tr>
<th colspan="3">Informações Nutricionais</th>
</tr>
<tr>
<th>Nutrientes</th>
<th>Porção(60g)</th>
<th>%VD</th>
</tr>
</thead>
<tbody>
<tr>
<td>Valor Calórico(Kcal)</td>
<td>225,37</td>
<td>9,01</td>
</tr>
<tr>
<td>Carboidratos(g)</td>
<td>40,56</td>
<td>10,82</td>
</tr>
<tr>
<td>Proteínas(g)</td>
<td>5,97</td>
<td>5,45</td>
</tr>
<tr>
<td>Gorduras Totais(g)</td>
<td>4,36</td>
<td>5,45</td>
</tr>
<tr>
<td>Colesterol(mg)</td>
<td>16,68</td>
<td>5,56</td>
</tr>
<tr>
<td>Fibras Alimentares(g)</td>
<td>0,30</td>
<td>0,99</td>
</tr>
<tr>
<td>Cálcio(mg)</td>
<td>142,21</td>
<td>17,78</td>
</tr>
<tr>
<td>Ferro(mg)</td>
<td>0,26</td>
<td>1,89</td>
</tr>
<tr>
<td>Sódio(mg)</td>
<td>91,69</td>
<td>3,82</td>
</tr>
</tbody>
</table>
</section>
</body>
</html>