CSS, alguem me explica pq o float usado no menu dependendo do tamanho do texto faz o texto cortar?

21/08/2019

0

html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Musculação</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<header id="header">
<h1>Anime Aqui</h1>
<nav>
<ul>
<li><a>Home</a></li>
<li><a>Noticias</a></li>
<li><a>Lista de animes</a></li>
</ul>
</nav>
</header>
<main>

</main>
<footer></footer>

</body>
</html>
---------------------------------CSS-----------------------------
#header{
background-color: rgba(0, 0, 0, 0.479);
height: 100px;
}
body{
margin: 0%;

}
#header h1{
float: left;
}
#header nav{
float: right;
}
#header nav ul li{
display: inline-block;
width: 60px;

}
Allan Brandão

Allan Brandão

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar