Boa noite pessoal!
Estou aprendendo html e css e estou tentando fazer um site para testar meus conhecimentos e publicar ele para mim.
Estou tentando fazer uma galeria de fotos. A primeira linha consegui normal, porém não consigo colocar segunda e terceira linha e assim por diante. Não sei se já tem esse tópico, se puderem me ajudar agradeço. Segue o codificação abaixo html e css:
<!DOCTYPE HTML5>
<html lang="PT-BR">
<head>
<title> ... </title>
<meta charset="UTF-8" />
<link href="css\mobile.css" rel="stylesheet" />
</head>
<body>
<div class="conteudo">
<div class="galeria">
<div class="img">
<a href="#"><img src=""></a>
</div>
<div class="img">
<a href="#"><img src=""></a>
</div>
<div class="img">
<a href="#"><img src=""></a>
</div>
</div>
</div>
</body>
</html>
/*CSS*/
body{
font-family: "Arial", "Helvetica", sans-serif;
}
div.conteudo{
position: relative;
left: 50%;
width: 960px;
margin: 0 0 0 -480px;
border: 1px solid black;
}
div.galeria{
margin-top: 50px;
}
div.img{
margin: 2px;
float: left;
width: 253px;
height: 199;
}
div.img img {
width: 100%;
background: url(../img/1.jpg);
}
div.img img:hover{
border:1px solid black;
}