Indsætte specielt tegn foran tekst når class bruges

Det kan sagtens laves, men du skal bare være opmærksom på, at det ikke virker i IE

Nå - så duer det ikke. Øvs øvs.

Jeg kan også sagtens lave en ekstra klasse. Men det er pænt irriterende at jeg hele tiden skal tilføje 'float: left' hvis jeg vil have tekst på den anden side af '>>'-tegnene. Kan det løses ?

HTML:
<p class="overskrift">Lim Chee Aun</p>

CSS
.arrow{
color: red;
font-size: 9px;
}
.overskrift{
font-weight: bold;
font-size: 11px;
}
.overskrift:before{
content:before "<span class='arrow'> >> ";
}

Hov:
.overskrift:before{
content:before "<span class='arrow'> >> </span>";
}


Ellers:
<span class="arrow"> >> </span><span class="overskrift">Overskrift</span>

Den vil virke i IE ?

Oh, <span> tvinger altså ikke et linieskift igennem ?

Span er et inline-element:
<span>Dette</span><span>står</span><span>på</span><span>samme</span><span>linie</span>

Div er et block-element:
<div>Dette</div><div>står</div><div>på</div><div>hver</div><div>sin</div><div>linie</div>

Span kan godt laves til et block-element:
span {
display: block;
}

ligesom div kan gøres til et inline-element:
div {
display: inline;
}

.overskrift:before vil ikke virke i IE - den anden burde :-)

Tusind tak, Exp. Det er du hård til ;)
Svar ? :)

Hehe - hvis du har fx Firefox, kan du kigge lidt på denne side:
www.phoenity.com/newtedge/hide_email_spambots

Cool. Takker :)