Okay I have a new question for the experts.

Let's say that in my text, I want to put in something like a price list that looks like (without the dots):

Now is the time for all good men to come to the aid of their country. Now is the time for all good men to come to the aid of their country. Now is the time for all good men to come to the aid of their country. Now is the time for all good men to come to the aid of their country.

Item #1 . . . . . . . . . . . . . . $4.99

Item #2 . . . . . . . . . . . . . . $5.99

Item #3 . . . . . . . . . . . . . . $6.99


I've done some searching and can't really find anything on how to do this. Is it possible to do this without using a "list"?

With my limited knowledge, I tried something along the lines of:

.new2 {
color: rgb(254,251,154);
font-weight: bold;
}
.new3 {
padding-left: 20.0em;
color: rgb(254,251,154);
font-weight: bold;
}


<span class="new2">Item #1</span> <span class="new3"> $4.99</span>

<span class="new2">Item #2</span> <span class="new3"> $5.99</span>

<span class="new2">Item #3</span> <span class="new3"> $6.99</span>



While this does somewhat work, it does not line up the dollar amount to the right like I would have hoped. Do I need a seperate "class" for each line with the margin adjusted as needed for proper alignment?

Am I close to having this right or is there a better way of doing it?

Thanks for any help,

<div class="container">
ItemRef
<div class="price">£2.50</div>
</div>

clear:both on container
text-align:left;float:right on price

size them to suit

Try using a definition list for something like that. You could have something like this:

<dl>
<dt>T-Shirts</dt>
<dd class="item">Mens</dd>
<dd class="price">$7.99</dd>
<dd class="item">Womens</dd>
<dd class="price">$8.99</dd>
<dd class="item">Kids</dd>
<dd class="price">$4.99</dd>

CSS:
dl{
margin: 10px 5px 10px 30px;
width: 200px;
overflow: auto;
}

dt{
margin: 5px 0px;
clear: both;
}

dd.price{
float: right;
margin: 0;
padding: 0;

}

dd.item{
clear: both;
float: left;
margin-left: 10px;

}