CSS: cómo alinear cualquier cosa en 3 líneas

¿Te estás volviendo loco alineando una capa, una imagen o un párrafo verticalmente con respecto a otra cosa? ¿Tus viejos trucos de aumentar el padding-top son una mierda? ¡Aquí tienes la solución en tan sólo 3 líneas de atributos de CSS: .element { position: relative; top: 50%; transform: translateY(-50%); }.element { position: relative; top: 50%; transform:…