Ejemplo 1: centrar con css
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Ejemplo 2: CSS alinear el centro vertical y horizontal
.parent-class {
display: flex;
align-items: center;
justify-content: space-around;
}
Ejemplo 3: CSS alinear imagen a la derecha
<img style="float: right;" alt="" src="http://example.com/image.png" />
Ejemplo 4: cómo centrar la alineación del elemento html en ejemplos de CSS
#inner {
width: 50%;
margin: 0 auto;
}
# center text
.center {
text-align: center;
border: 3px solid green;
}
Ejemplo 5: como alinear una imagen a la izquierda en CSS
<div style="text-align: left"><img src="image/your-image.png" width="100" /></div>Copy
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)