CSS trik: mezera v content

CSS vlastnost content umožňuje přidat před nebo za HTML element ještě nějaký text. Některé znaky, třeba mezeru, to ale ne a ne zobrazit.

Například chceme přidat text “(odkaz)” za všechny odkazy:

a:after {
content: "(odkaz)";
}

Ale je to moc nalepené, tak chceme přidat ještě mezeru:

a:after {
content: " (odkaz)";
}

A nic. Mezera se vůbec nezobrazí. Pokud se nějaký znak odmítá zobrazit, Řešením je použít pro jeho zápis Unicode:

a:after {
content: "\00a0(odkaz)";
}

A je to.