Contenedor con alineación por defecto a la izquierda del contenedor.
Se modifica la alineación del contenedor al centro, esto centra la imagen porque esta se visualiza en el mismo reglón por tener display in-line, se comporta similar a una palabra en un párrafo, se ve afectada por las propiedades que modifican el párrafo que la contiene.
Contenedor en bloque, con propiedades de alineación por defecto.
Esto es un bloque
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, soluta voluptate officia officiis, laborum voluptas. Libero odit quaerat, sed fugit a eum est, modi laboriosam cum consequuntur, autem rerum assumenda.
Contenedor alineado, definiendo anchura y márgenes automáticas, para que funcione debe tener un ancho para que las márgenes automáticas se puedan calcular correctamente.
Esto es un bloque
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, soluta voluptate officia officiis, laborum voluptas. Libero odit quaerat, sed fugit a eum est, modi laboriosam cum consequuntur, autem rerum assumenda.
Es posible centrar un elemento usando posicionamiento absoluto, necesitamos saber el ancho para poder realizar los cálculos de posicionamiento.
Esto es un bloque
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo, soluta voluptate officia officiis, laborum voluptas. Libero odit quaerat, sed fugit a eum est, modi laboriosam cum consequuntur, autem rerum assumenda.