Er zullen zich waarschijnlijk al reeds veel webmasters en stylers afgevraagd hebben, hoe je nu juist (en op de correcte manier) een ontwerp met achtergrond gecentreerd krijgt op de pagina zonder dat de tekst ook zelf gecentreerd zich gaat verhouden.

Je hebt het al gezien, de links gestyld met afbeeldingen die veranderen als je er met de muis over uit gaat (hover).
Het meerdere deel van deze effecten wordt met JavaScript gerealiseerd, en ook is het (als er veel links zijn) nodig om de afbeeldingen te preloaden.
Deze tutorial leert je een techniek waarbij er geen JavaScript en/of preload aan te pas komt.

Als je tekst schrijft en wilt bijvoorbeeld een kleine blok tekst weergeven in je tekst, aan de linker of rechter kant om extra aandacht te trekken. Of als toelichting op je tekst een afbeelding plaatsen zonder je tekst te moeten stop zetten voor de afbeelding.

Op deze methode kwam Mike Rundle door een ongeloofelijke abnormale groote text-indent waarde mee te geven zodat het zelfs op de grootste monitoren ter wereld onmogelijk is om de tekst weer tegeven.

Methode samen ontwikkeld door Seamus Leahy & Stuart Langridge, die zich vooral richt op het placeren van de afbeelding, dus er is geen extra tag meer nodig zoals bij FIR

Geen extra <span> nodig