My head always starts spinning. There is so much I don't know and/or understand.
But, I was sort of able to do the menu with Tyssen's code. I did an unordered list because some of the later items added to the list are A., B., C., etc. I have a couple of issues. Here's the page.
You can see that the dotted line goes under the price. I could fix that by setting the "span.price" right position to -50 and the menu width to 75%. I just left it as is here.
In Firefox, the dotted line drops down to the next line and doesn't run across from the item to the price. Neither of those things happen with Tyssen's page.
One other thing. Some of the menu items have one price for say tofu and another for chicken. I couldn't figure out how to get two dotted linesfor one list item when there were two prices. Eg.,
Item 10 Pad Thai
padding: 10px 10px 10px 10px;
border-bottom: 1px dotted #000;
padding: 0 1px;
right: 0px; bottom: -6px;
font-family: "Times New Roman", Times, serif;
<h2>1. Golden Wheel of Shrimp & Ham Delight</h2>
<p><span class="item">Shrimp and ham are chopped and infused with herbs
Comes with plum sauce for dipping. (8 slices)</span><span class="price">$8.50</span></p>
<h2>2. Fried Egg Rolls — Golden Kingdom style</h2>
<p><span class="item">The best eggrolls in the world! (2)</span><span class="price"> $3.95</span>
<h2>3. True Thai Vegetable Fried Egg Rolls</h2>
<p><span class="item">Meatless vegetarian egg rolls.(2)</span><span class="price">$3.75 </span>
<h2>4. Original Fresh Thai Spring Rolls</h2>
<p><span class="item">Seasoned pork and jumbo shrimp wrapped in a
delicate rice paper with fresh vegetables and angel
hair noodles. Peanut vinegraitte sauce. (2)</span><span class="price"> $4.95 </span>