Az 1. példakódban eltüntetjük a menüsor háttérszínét, így egybeolvad a tartalommal. Eltüntetjük továbbá a listajeleket is.
A 2. példakódban sorközi elemmé alakítjuk a listaelemeket. Így már egy sorban középre igazítva jelennek meg.
1. Példa:
Forráskód
...<style type="text/css">
/* Háttérszín változik */
#menu {position:absolute; display:block; top: 50px; left: 0; height:30px; width: 100%;
text-align:center; }
/* Listajel nem kell */
#menu ul {list-style-type: none; }
</style> ....
<body>
<div id="tarolo">
...
</div>
</body>
Eredmény*
2. Példa:
Forráskód
...<style type="text/css">
/* Inline felsorolás */
#menu li {padding:1px; margin:0; display:inline; }
#menu ul {padding:1px; margin:0;}
</style> ....
<body>
...
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: webshop_menu_3.html