En andra marginal i CSS

3 svar · 182 visningar · startad av Rödalacket 23 feb. 2003

RödalacketMedlem sedan feb. 20002 612 inlägg

Frågan23 feb. 2003 22:12#1

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;
}

mikkeXMedlem sedan aug. 2002477 inlägg

23 feb. 2003 22:19#2

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.

Peter SMedlem sedan dec. 20025 483 inlägg

23 feb. 2003 22:21#3

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>

RödalacketMedlem sedan feb. 20002 612 inlägg

23 feb. 2003 22:27#4

Tack, skall testa det... :)