Olá, eu tenho o seguinte código básico que fiz para testar o conceito de float. Eu gostaria que o "content" ficasse ao lado direito(mais próximo) do "nav". Eu usei o float right no 'content' para subir o 'nav', porém o 'content' continua muito afastado para a direita. Poderiam me ajudar?
Muito obrigado !
<!DOCTYPE html >
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" >
</head>
<body>
<header class="header">
<p> header</p>
</header>
<main class="content">
<p> content </p>
</main>
<aside class="nav">
<p> nav </nav>
</aside>
</body>
</html>p{
margin: 5px;
}
.header{
width:700px;
height:50px;
border: 1px solid black;
}
.content{
width:800px;
height:400px;
border:1px solid black;
float:right;
}
.nav{
width:100px;
height:300px;
border:1px solid black;
margin: 20px;
}
