页面布局之书籍目录效果

<! DOCTYPE HTML PUBLIC  " -//W3C//DTD HTML 4.0//EN "   " http://www.w3.org/TR/REC-html40/strict.dtd " >
< html >< head >
< title > Bella Mia menu  for  July  11 ,  2000 </ title >
< meta http - equiv = " Content-Type "  c >
< meta http - equiv = " Content-Style-Type "  c >
< meta http - equiv = " Content-Language "  c >
< meta name = " generator "  c >
< style type = " text/css " >
body  { font-family: Helvetica,sans-serif; font-size: 13px }   /**/ /* probably want 10pt for print */
h1,h2  { font-size: 1.5em; font-style: italic; font-family: serif; text-align: center; margin-bottom:.2em }
h2  { margin: 0 }
h3  { text-align: center; font-size:1.3em;margin-bottom:.25em; margin-top:1.5em; font-style:italic }
table  { width:100%; line-height:0.9em }
tr  { height:1.5em }
td  { white-space:nowrap; height: 1.2em; vertical-align:baseline }
td.dishname  { font-weight: bold; font-size: 1.2em; height: 1em }
.leader  { width:100%;vertical-align:30% }
.leader div  { line-height:1ex; display:inline-block; width: 100%; border-bottom: 1px dotted; }
.price  { text-align:right; font-weight: bold; font-family:Helvetica,sans-serif,"Courier New",monospace }
.description  { font-style:italic }
.fineprint  { font-size:xx-small; text-align:center; margin-top:3em }
</ style >
</ head >
< body >
< h1 > Dinner Menu </ h1 >
< h2 > Tuesday July  11 ,  2000 </ h2 >
< h3 > Appetizers </ h3 >
< table >< tr >< td  class = " dishname " > Salmon Ravioli  -   </ td >< td  class = " description " >
Award winning raviolis  in  creamy tomato dill sauce </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
7.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Fried Calamari  -   </ td >< td  class = " description " >
Seasoned tubes  & amp; tentacles with cocktail sauce  & amp; petite salad garnish </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
8.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Almond Prawn Cocktail  -   </ td >< td  class = " description " >
Gulf prawns with a crisp almond coating  & amp; horseradish cocktail sauce </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
7.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Bruschetta  -   </ td >< td  class = " description " > Garlic
toast with soft mozzarella, pesto  & amp; roasted peppers </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
5.25 </ td ></ table >
< table >< tr >< td  class = " dishname " > Margherita Pizza  -   </ td >< td  class = " description " >
Flatbread topped with marinara, fresh sliced toy box tomatoes and fresh
mozzarella </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " > 10.95 </ td ></ table >
< h3 > Salads  & amp; Soups </ h3 >
< table >< tr >< td  class = " dishname " > Gorgonzola Salad  -   </ td >< td  class = " description " >
Baby greens, green apples, glazed pecans  & amp; gogonzola cheese </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
6.50 </ td ></ table >
< table >< tr style = " font-size:smaller " >< td  class = " dishname " > Jicama Chicken Salad  -   </ td >< td  class = " description " >
Citrus marinated chicken, romaine lettuce, grapefruit, walnuts, orange
balsalmic vinaigrette dressing </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
8.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Garden Salad  -   </ td >< td  class = " description " >
Crisp mixed greens with garden fresh vegetables  & amp; endive; creamy Italian
dressing </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " > 5.50 </ td ></ table >
< table >< tr >< td  class = " dishname " > Jake ' s Caesar Salad - </td><td class="description">
Romaine, avocado, tomato  & amp; garlic croutons; classic Caesar dressing </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
5.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Soup of the Day </ td >< td  class = " description " ></ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
4.95 </ td ></ table >
< h3 > Entrees </ h3 >
< table >< tr  class = " dishname "  style = " font-size:smaller " >< td  class = " dishname " > Cajun
Red Snapper  -   </ td >< td  class = " description " > Cajun grilled served with black
beans, feta cheese, rosemary rice; served  & amp; fresh tomato salsa </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
15.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Cioppino  -   </ td >< td  class = " description " > Assorted
seafood  in  a spicy fresh tomato sauce served with garlic bread </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
17.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Prawn Risotto  -   </ td >< td  class = " description " >
Saffron rice with gulf prawns, fresh vegetables  & amp; lemon zest </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
14.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Spit Roasted Chicken  -   </ td >< td  class = " description " >
Smoky chicken half from the rotisserie, garlic mashed potatoes </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
13.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Spit Roasted Duck  -   </ td >< td  class = " description " >
Petaluma duck half from the rotisserie, raspberry vinegar sauce </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
16.50 </ td ></ table >
< table >< tr >< td  class = " dishname " > Grilled King Salmon  -   </ td >< td  class = " description " >
Fresh farm raised filet with grilled jumbo prawns </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
18.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Australian Lobster Tail  -   </ td >< td  class = " description " >
Oven Roasted and served with drawn butter </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
45.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Steak Bella Mia  -   </ td >< td  class = " description " >
Tender grain - fed filet mignon prime white prawns and a wild mushroom sauce </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
25.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > New York Steak  -   </ td >< td  class = " description " >
Tender New York with grilled artichoke half  & amp; grilled sweet peppers </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
18.50 </ td ></ table >
< table >< tr >< td  class = " dishname " > Citrus Grilled Pork Chops  -   </ td >< td  class = " description " >
Loin chops grilled with a citrus garlic marinade  & amp; orange demi glaze </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
14.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > St. Louis Style Ribs  -   </ td >< td  class = " description " >
Lean wood - grilled spareribs with citrus BBQ glaze </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
14.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Linguini Bella Mare  -   </ td >< td  class = " description " >
Jumbo Mexican prawns  & amp; sliced mushrooms  in  a spicy tomato broth </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
14.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Pasta Pomodoro  -   </ td >< td  class = " description " >
Assorted pasta with fresh tomoatoes, basil leaves garlic  & amp; wine </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
12.50 </ td ></ table >
< table >< tr >< td  class = " dishname " > Linguini Di Capra  -   </ td >< td  class = " description " >
Roasted eggplant, sweet peppers, mushrooms </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
13.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Pasta Carbonara  -   </ td >< td  class = " description " >
Shaved prosciutto, green peas, cream  & amp; parmesan; papperdelle noodle </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
13.50 </ td ></ table >
< table >< tr >< td  class = " dishname " > Salmon Ravioli  -   </ td >< td  class = " description " >
Award winning blend of salmon, ricotta  & amp; herbs; tomato dill sauce </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
13.50 </ td ></ table >
< table >< tr >< td  class = " dishname " > Goat Cheese Ravioli  -   </ td >< td  class = " description " >
Spinach pasta filled with goat cheese  & amp; herbs  in  a light tomato sauce </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
12.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Chicken Ravioli  -   </ td >< td  class = " description " >
Fresh pasta filled with chicken  & amp; ricotta topped with grilled sweet peppers </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
12.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Lasagna  -   </ td >< td  class = " description " > Award
winning blend of ground chuck, sausage, salami, fresh pasta  & amp; cheeses </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
10.95 </ td ></ table >
< table >< tr >< td  class = " dishname " > Eggplant Parmigiana  -   </ td >< td  class = " description " >
Tender eggplant slices roasted with mozzarella  & amp; tomato sauce </ td >< td  class = " leader " >< div ></ div ></ td >< td  class = " price " >
12.50 </ td ></ table >
< div  class = " fineprint " >
< div  class = " statement " > One Check per party please </ div >
< div  class = " statement " > 15 %  gratuity added to all parties of  8  or more </ div >
< div  class = " statement " > Please limit substitutions to dietary restrictions only </ div >
</ div >
</ body ></ html >