hi..
I am stuck up with a problem in css.. can any of u help me out.
i have a page where i need alignment like the below
(existing scenario)
subtotal : $100
shipping & handling : $500
--------------------------------------------------------
the problem i have is.. the dashed line u can see must be have width according the maximum text above. in this case.. the width it must have is according to the shipping
so the scenario as to be like
subtotal : $100
shipping & handling : $500
--------------------------------------
the code i have written is as follows:
<html>
<head>
<style>
.ryp_summaryPadding {padding-top:10px;padding-bottom:10px}
.ryp_summaryAlign {background-color:#fff; padding-top:5px; padding-right:5px;
margin-right:5px; margin-left:625px; padding-bottom:10px; padding-left:15px}
.summary_sep {border-style:solid none none; border-width:5px;border-color:#eeeef8;
margin-top:10px; clear:both;width:inherit;}
.summary_rowAlign {float:right; text-align:right; padding:2px; clear:right;
margin-top:-15px}
.summary_leftAlign {position:relative; right:90px; top:15px; white-space:nowrap}
.summary_rightAlign {position:relative; right:10px; white-space:nowrap}
</style>
</head>
<body>
<div class="ryp_summaryPadding">
<div class="ryp_summaryAlign">
<div class="summary_textfontnormal">
<div class="summary_rowAlign">
<span class="summary_leftAlign">Shipping & handling:</span>
<span class="summary_rightAlign"><div>GBP 232.00</div></span>
</div>
<div class="summary_rowAlign">
<span class="summary_leftAlign">Tax:</span>
<span class="summary_rightAlign"><div>GBP 12.00</div></span>
</div>
<div class="summary_rowAlign">
<span class="summary_leftAlign">Seller discounts (-) or charges (+):</span>
<span class="summary_rightAlign"><div>GBP 2.00</div></span>
</div>
<br/>
<div class="summary_rightAlign">
<div class="summary_sep"></div>
</div>
</div></div></div>
</body>
</html>
can u tell me the possible solution please ........