Een link <a> is een inline element, bewijs hiervan is als je een link in een stuk tekst zet zal deze niet op een nieuwe lijn beginnen. Maar soms wil je juist wel dimensie geven aan een link (navigatie, etc …), dan kun je niet anders dan er een block-element van te maken (indien je hoogte, breedte en margin wenst toe te voegen).
Als de links (meerdere) langs elkaar moeten komen kan je inline-block gebruiken of block in combinatie met float.

Misschien wel de korste manier om met CSS een tooltip te maken (1 regel HTML & 3 regels CSS). Tooltips kunnen zéér handig zijn voor je site, om bijvoorbeeld iets te verduidelijken, als toevoeging op de reeds bestaande browser tooltip.

Een menu dat openklapt als je over het bovenliggend navigatie item hovert. Dat is het doel, maar niet altijd eenvoudig te realiseren. Volgende CSS Snippet is een crossbrowser eenvoudig dropdown menu dat met een beetje JavaScript zelf in Internet Explorer 6 werkt.

Als je toelaat om je website af te printen door middel van een bijvoorbeeld print.css, is het misschien handig dat links in je document niet verloren gaan, maar dat bij het printen de gehele URL die achter de link zit ook afgeprint wordt.

Of je nu CSS of Javascript gebruikt, een achtergrondafbeelding bij een link zal meestal dan pas geladen worden als ze nodig is , bij het hoveren en dit kan soms een vertraging opleveren, en JavaScript preloaden is tegenwoordig geen optie meer.
De oplossing is één afbeelding te gebruiken die alle “states” reeds bevat, en bij hover verander je de afbeelding van plaats, dus geen vertraging meer.