Problema: ¿Como centro imagenes que contienen un enlace?
Publicado por Roberto jr. (1 intervención) el 02/01/2021 12:35:05
Codigo HTML
Codigo CSS
Mi problema es que al poner <align-items:center> se me centra todo menos la imagen, cuando pongo la imagen sin el enlace <a>, se me queda totalmente centrado, pero con el <a> no se me centra.
1
2
3
4
5
6
7
<footer>
<div class="footer">
<a href="#"><img class="footer-img" src="img/R.svg" alt="LogoPequeño"></a>
<p>©:RealmenteViv</p>
<p>"Disciplina, Valor y Trabajo"</p>
</div>
</footer>
Codigo CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.footer{
display: flex;justify-content: space-between;
align-items: center;
color: white;background-color: rgb(55, 39, 108);
padding: 0 7rem;}.footer-img{
max-width: 4rem;
}.footer p{
font-size: 1.3rem;
}Mi problema es que al poner <align-items:center> se me centra todo menos la imagen, cuando pongo la imagen sin el enlace <a>, se me queda totalmente centrado, pero con el <a> no se me centra.
Valora esta pregunta
0
