1/4 - Cuando el elementos tiene un comportamiento en linea (display: inline, inline-block, inline-flex, etc). Se lo puede centrar de forma horizontal aplicando "text-align: center" al contenedor.
2/4 - Si el elemento tiene un comportamiento en bloque (display: block, flex, grid, etc). Se lo puede centrar horizontalmente ajustando sus márgenes laterales en "auto"
3/4 - Se puede centrar de forma horizontal y vertical uno o más elementos convirtiendo a su contenedor en flexbox.
4/4 - Se puede centrar de forma horizontal y vertical un elemento con "position: absolute", si su contenedor tiene "position: relative" y movemos el eje hacia su centro con "transform".
• • •
Missing some Tweet in this thread? You can try to
force a refresh
