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 PROTECTED]
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/
