Skip to main content

Como alinhaalinhar uma foto com um link, no centro da página?

Eu sei que pra alinhar um texto se usa o text-align: centertext-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-contentalign-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.

 div.socialLinkMargin imgimagem {}

Edit: Eu tentei colocar o margin:automargin:auto, na divdiv da imagem, mas n funcionou, n fez alteraçaoalteraçã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;
}

Como alinha uma foto com um link, no centro da página?

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.

 div.socialLinkMargin img {}

Edit: Eu tentei colocar o margin:auto, na div da imagem, mas n funcionou, n fez alteraçao 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;
}

Como alinhar uma foto, no centro da página?

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;
}
adicionou 4 caracteres ao conteúdo
Fonte Link
jim
  • 165
  • 1
  • 3
  • 10

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.

 div.socialLinkMargin img {}

Edit: Eu tentei colocar o margin:auto, na div da imagem, mas n funcionou, n fez alteraçao alguma.

Html:

<!DOCTYPE html>
<html>
<head>
    <title>sas</title>
    <link rel="stylesheet" type="text/css" href="sasi">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;
}

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.

 div.socialLinkMargin img {}

Edit: Eu tentei colocar o margin:auto, na div da imagem, mas n funcionou, n fez alteraçao alguma.

Html:

<!DOCTYPE html>
<html>
<head>
    <title>sas</title>
    <link rel="stylesheet" type="text/css" href="sasi">
</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;
}

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.

 div.socialLinkMargin img {}

Edit: Eu tentei colocar o margin:auto, na div da imagem, mas n funcionou, n fez alteraçao 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;
}
adicionou 101 caracteres ao conteúdo
Fonte Link
jim
  • 165
  • 1
  • 3
  • 10

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.

 div.socialLinkMargin img {}

Edit: Eu tentei colocar o margin:auto, na div da imagem, mas n funcionou, n fez alteraçao alguma.

Html:

<!DOCTYPE html>
<html>
<head>
    <title>sas</title>
    <link rel="stylesheet" type="text/css" href="sasi">
</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;
}

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.

 div.socialLinkMargin img {}

Edit: Eu tentei colocar o margin:auto, na div da imagem, mas n funcionou, n fez alteraçao alguma.

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.

 div.socialLinkMargin img {}

Edit: Eu tentei colocar o margin:auto, na div da imagem, mas n funcionou, n fez alteraçao alguma.

Html:

<!DOCTYPE html>
<html>
<head>
    <title>sas</title>
    <link rel="stylesheet" type="text/css" href="sasi">
</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;
}
adicionou 101 caracteres ao conteúdo
Fonte Link
jim
  • 165
  • 1
  • 3
  • 10
Carregando
Fonte Link
jim
  • 165
  • 1
  • 3
  • 10
Carregando