CSS - How to Format Existing Text Within a DIV Tag

[fisher318]

ok, if you go to newlifeultrasound.com/plans3.htm you will see the very first "Total Indulgence Session Plan". So far, that's the only one I've formatted within the DIV tags so far. The icon and the text are aligned just like I want them. However, now within that DIV tag at the end of the description I would like to have it align the price of $349 to the far right leaving the space between the description and the price.

It would be ideal if I could have little dots lead up to the price like this:

plus a 60 minute Pre or Post Natal Maternity Massage..............$349

Here is the CSS for the DIV's so far:

DIV.align {
margin-left:48px;
text-decoration:underline;
width:345px;
}

DIV.align2 {
margin-left:48px;
margin-top:-10px;
width:365px;
}

[DrTandem1]

Since the site is still using tables, why not just use tables to align your content? Yes, I know tables were originally meant for tabular data. So what?

[funda]

Having dots and stuff would need complex programming I think.

But for a basic fix, you can put the amount ($34) in a separate <DIV> with a css align to the right. A DIV within a div.

So, in side the outer DIV, you can have a DIV for the description left aligned and a DIV for the amount right aligned.

text-align:right I suppose.

[jpatriar]

You could use a monospaced font and be done with it - try this code

<style type="text/css">
<!--

DIV.align {
text-decoration:underline;
font-family: Verdana, Arial;
font-size: 9pt;
font-weight: bold;
width: 530px;
padding-left: 3px;
background-color: #ffeeee;
}

DIV.align2 {
font-family: Lucida Console, Courier New;
font-size: 9pt;
padding-top: 2px;
padding-left: 3px;
}


DIV.align3 {
font-family: Courier New, Lucida Console;
font-size: 9pt;
padding-top: 2px;
padding-left: 3px;
}

-->
</style>


<div class="align">A La Carte:</div>
<div class="align2">Exclusive Handmade Canvas Art Frame...................$50 (custom made $60)</div>
<div class="align2">Pre or Post Natal Maternity Massage...................$90</div>
<div class="align2">Infant Massage Training...............................$55 Monthly</div>
<div class="align2">Scrapbooking Class ...................................$20</div>

<br>

<div class="align">A La Carte:</div>
<div class="align3">Exclusive Handmade Canvas Art Frame...................$50 (custom made $60)</div>
<div class="align3">Pre or Post Natal Maternity Massage...................$90</div>
<div class="align3">Infant Massage Training...............................$55 Monthly</div>
<div class="align3">Scrapbooking Class....................................$20</div>