I am trying to achieve, in CSS and HTML, a menu structure like the one pictured 
here: http://coffeeonmars.com/testing/menu.png

I have been attempting with definition lists, and I can get the first line just 
fine, but subsequent lines do not line up properly. I realize that I'm not 
using tabs as you'd find in word or indesign, and I tried to make variants of 
my dd tags, but things got pretty snarly, pretty fast.

It seems obvious that *where* a bit of dd lands depends on how wide it is. 
"Americano" is less wide than "Brewed Coffee" and 8oz is narrower than $1.15, 
so I am stuck with that reality.

is definition list the way to go with this? do I need to consider dropping down 
a line for various sizes, such as:

Brewed Coffee
8 oz $1.15
12oz $1.35
16oz $1.55

----------

Thanks for any clues on this!

John
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to