logo
  Menukaart 2
  Wat ook heel goed werkt is deze volgende:
  • Paparazzi macaroni7.95
  • Oma's frietjes8.95
  • Bloedkoraal Cocktail7.95
  • Amapetto5.25
  • Margherita Pizza10.95

Het verschil zit hem in de grootte vergeleken bij 'Menukaart 1' en deze werkt ook heel goed.

 
IN DE CSS
ul.leaders {
max-width: 550px;
padding: 0;
overflow-x: hidden;
list-style: none}
ul.leaders li:before {
float: left;
width: 0;
white-space: nowrap;
content:
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
padding-right: 10px;
background: #F5F5F0}
ul.leaders span + span {
float: right;
padding-left: 10px;
background: #F5F5F0}

 
TUSSEN DE BODY TAGS
<ul class=leaders>
<li><span>Paparazzi macaroni</span><span>7.95</span></li>
<li><span>Oma's frietjes</span><span>8.95</span></li>
<li><span>Bloedkoraal Cocktail</span><span>7.95</span></li>
<li><span>Amapetto</span><span>5.25</span></li>
<li><span>Margherita Pizza</span><span>10.95</span></li>
</ul>

 
eind