Dit is ideaal voor headers, kopregels en titels en zo. Wat we eigenlijk gaan doen is 2 regels tekst met CSS zo positioneren dat ze elkaar overlappen, uiteindelijk zal het eruit zien als een afbeelding.

Hoe maak je een pagina die 100% hoog is – dus het gehele beeldscherm in beslag neemt – terwijl er eigenlijk weinig tekst of inhoud in staat ?

Om een element vertikaal te centreren kan je volgende handige code gebruiken, let wel op dat het element een hoogte en een breedte moet hebben.
Er wordt vanuit gegaan dat dit is ten opzichte van ofwel de body (die zich relative bevind), ofwel een parent element die dan de CSS eigenschap position: relative heeft: