En andra marginal i CSS

Har lite problem att få till en rak och fin kant på prisuppgifterna
Vill att det skall se ut så här

En massa text              150:-
Mer text i massor bla      200:-
Och en massa text bla bla  300:-

Så här har jag gjort...

<p><b>Medlems- och köravgifter:</b><br>
Medlemsavgift för år 2003:		<span class="avgifter">250:-</span><br>
Banavgift för medlem:			<span class="avgifter">150:-/tillfälle</span><br>
Alternativ banavgift för medlem hela år 2003:	<span class="avgifter">750:-</span><br>
Banavgift för icke medlem:		<span class="avgifter">300:-/tillfälle</span></p>

Om jag sätter margin-right på avgifter då sätter den marginalen efter det sista tecknet i raden, har nog prövat det mesta men det vill inte funka... :(

Manipulerat lite med p-taggen också om det har någon betydelse.

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 120px;
}

Ja är en stor förespråkare av stilmallar, men detta är typisk tabelldata, så det borde du använda en tabell till, visst går det att göra med stilmallar, men det känns onödigt.

Exempel:

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

#foo {
	float : left;
	margin-right : 20px;
}

-->
</style>
...
<div><b>Medlems- och köravgifter:</b></div>
<div id="foo">
Medlemsavgift för år 2003:<br>
Banavgift för medlem:<br>
Alternativ banavgift för medlem hela år 2003:<br>
Banavgift för icke medlem:
</div>

<div>
250:-<br>
250:-</span><br>
750:-</span><br>
300:-/tillfälle
</div>

:)

Tack, skall testa det... :)