Previous Message
Next Message

false table

Sent by chuck clark on 16 September 2005 16:04

 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
<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;}
<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>
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]]
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: