Aşağıdaki gibi bir listenin olduğunu varsayalım:
Bu menünün görünümü standart altalta ve başlarında yuvarlaklar bulunan maddeler listesi olarak görüntülenir.
Ancak webde bilinen bir trend olarak menü oluştururken de <ul> ve <li> tagları kullanma adeti vardır. Dikey menüler böyle oluşturulabilir Ancak Yatay Menüler için css tarafında şu kodları kullanmak gerekir:
#menu1 ul {
list-style:none;
}
#menu1 ul li { display: block; float: left; } Bu durumda <li> tagları arasındaki ifadeler yanyana ve başlarında yuvarlak olmaksızın görüntülenirler.