.png.4cf3c593df49fec02452967b0541b48b.png)
Alex Bianchi
-
Contagem de Conteúdo
5 -
Ingressou
-
Última visita
Tipo de Conteúdo
Perfis
Fóruns
Blogs
Calendário
Downloads
Postagens postado por Alex Bianchi
-
-
13 horas atrás, Alex Bianchi disse:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<link rel="stylesheet" href="./css/main.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Primeiro Projeto</title>
</head>
<body>
<header class="menu-principal">
<main>
<div class="header-1">
<div class="logo">
<img src="./img/logo.png">
<div class="rede-sociais">
<ul>
<li>
<a href=""><img src="./img/linkedin.png"/></a>
</li>
<li>
<a href=""><img src="./img/linkedin.png"/></a>
</li>
<li>
<a href=""><img src="./img/linkedin.png"/></a>
</li>
<li>
<a href=""><img src="./img/linkedin.png"/></a>
</li>
</ul>
</div>
</div>
</main>
</header>
</body>
</html>
@carlosscheffer @Danilo Duarte Ribeiro @Kleverson Cruz
-
<!DOCTYPE html>
<html lang="pt-br">
<head>
<link rel="stylesheet" href="./css/main.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meu Primeiro Projeto</title>
</head>
<body>
<header class="menu-principal">
<main>
<div class="header-1">
<div class="logo">
<img src="./img/logo.png">
<div class="rede-sociais">
<ul>
<li>
<a href=""><img src="./img/linkedin.png"/></a>
</li>
<li>
<a href=""><img src="./img/linkedin.png"/></a>
</li>
<li>
<a href=""><img src="./img/linkedin.png"/></a>
</li>
<li>
<a href=""><img src="./img/linkedin.png"/></a>
</li>
</ul>
</div>
</div>
</main>
</header>
</body>
</html>
-
-
o problema é o seguinte, eu estava treinando meu primeiro projeto quando eu me deparo com um erro no código onde eu tento utilizar este:
.redes-sociais ul li{
text-indent: -99999px;
width: 20%;
}
ul{
list-style: none;
float: right;
}
ul li{
display: inline;
}
.redes-sociais{
width: 20%;
}
e os ícones das redes sociais não alinham como desejado
obs, o resultado deveria ser esses ícones do linkedin alinhas com a logo e um pouco espaçado entre eles
Gostaria de tirar uma dúvida sobre css no html (usando no VS Code)
em HTML & CSS
Postado
tem como me explicar melhor?