Eu sei que pra alinhar um texto se usa o text-align: center
.
Mas e pra alinhar uma foto que tem um link nela? Eu fiz uns testes aqui com uns comandos que eu n conheço tipo o align-content
, pra ver se dava certo, mas n deu. Tenho duas perguntas.
1° Como alinha uma foto que tenha um link dentro, no centro da página?
2° Essa linha está certa? Para posteriormente colocar o código de alinhamento dentro dela.
.imagem {}
Edit: Eu tentei colocar o margin:auto
, na div
da imagem, mas n funcionou, n fez alteração alguma.
Html:
<!DOCTYPE html>
<html>
<head>
<title>sas</title>
<link rel="stylesheet" type="text/css" href="sasi.css">
</head>
<body>
<div class="imagem">
<a href="#"><img src="https://lh3.googleusercontent.com/l6JAkhvfxbP61_FWN92j4ulDMXJNH3HT1DR6xrE7MtwW-2AxpZl_WLnBzTpWhCuYkbHihgBQ=w640-h400-e365" width="50%" height="50%"></a>
</div>
</body>
</html>
Css:
.imagem {
margin:auto; //aplica margem aos quatro lados
width:200px;
}
sasi
é o arquivo css? não seriasasi.css
? e não existe margin center, para centralizar horizontalmente se usamargin:auto;
oumargin:10px auto;
10px para definir margem de 10px verticalmente, não precisa ser necessariamente 10px, você pode definir a quantidade que preferir