Previous Message
Next Message

false table

Sent by chuck clark on 16 September 2005 15:03


Hi,
 I am trying to create a simple table that displays prices. I guess a real 
html table can be used here, but i am trying to stick with what i have, or 
close to it. 
 this is what i have
<html>
<head>
<style type="text/css">
body{ background-color:#ccc; color:#000; margin:0; padding:10px;}
div#currentTotal{border:1px solid #000; width:200px;}
span.rightside{float:right; display:block;}
span#total{border-top:1px solid #000;}
</style>
</head>
<body>
<div id="currentTotal">
<p><span class="rightside">$ 10.00</span>SubTotal</p>
<p><span class="rightside">$ 2.99</span>Shipping</p>
<p><span class="rightside">$ 1.59</span>Tax</p>
<p><span class="rightside" id="total" >$ 14.58</span>Total</p>
</div>
</body>
</html>
 
The problem is in order to float:right the prices, i need to put them before 
the labels. 

How can I modify my css so i have more appropriate html, ie

<p>SubTotal<span class="rightside">$ 10.00</span></p>

 Thanks, Chuck
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: