Solución:
El atributo align=middle
conjuntos vertical alineación. Para establecer la alineación horizontal usando HTML, puede envolver el elemento dentro de un center
elemento y elimine todo el CSS que tiene ahora.
<center><img src=
"http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"></center>
Si prefiere hacerlo en CSS, hay varias formas. Uno simple es configurar text-align
en un recipiente:
<div style="text-align: center"><img src=
"http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"></div>
¿Qué tal esto? Con frecuencia utilizo el diseño de caja flexible CSS para centrar algo.
<div style="display: flex; justify-content: center;">
<img src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png" style="width: 40px; height: 40px;" />
</div>
retirar float: left
de la imagen css y agregue text-align: center
propiedad en elemento padre body
<!DOCTYPE html>
<html>
<body style="text-align: center;">
<img
src="http://icons.iconarchive.com/icons/rokey/popo-emotions/128/big-smile-icon.png"
width="42" height="42"
align="middle"
style="
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;"
>
</body>
</html>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)