Centrado absoluto en CSS
.parent{position: relative;}.child{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} Estas propiedades se establecen en el elemento hijo. El posicionamiento absoluto basa la posición del elemento en relación al elemento padre más cercano que tenga position: relative. Si no encuentra ninguno, será relativo al documento. Añade top: 50%; left: 50%; porque la posición se calcula desde la esquina superior izquierda. creado con draw.ioDebes retraer el elemento con la mitad de su ancho y alto. Puedes conseguirlo con transform: translate(-50%, -50%); Usando Viewport Unit .child{margin: 50vh auto 0;transform: translateY(-50%);} Utilizamos el margin-left/margin-right: auto; para el centrado horizontal y utilizamos el valor relative vh para el centrado vertical. Por supuesto, hay que retroceder el elemento como en el ejemplo absoluto (pero sólo traducir la altura). Nota :- Este método sólo funciona si estás posicionando a…