Vor und nach einem Element: `:before, :after`

Beispiel

Die Pseudoelemente :before und :after fügen vor oder nach einem Element einen beliebigen Inhalt ein, der mit content angegeben wird. Hierbei kann es sich um Text, Anführungszeichen, Grafiken und Zähler handeln. Näheres zu den Inhalten findest du in der Beschreibung der Eigenschaft content

<style type="text/css"><!-- 

h1:before{content:"Achtung!";color:#ff0000;}

--></style>
</head>

<body>

 <h1>Irgendeine Überschrift, 
 vor der das Wort "Achtung!" steht</h1>

 ...

</body>