Tworzymy je z zagnieżdżonej, nieuporządkowanej listy odsyłaczy. Proces twprzenia go jest bardzo podobny do tworzenia zwykłego menu. Różnica jest taka, że elemnty wysuwane to zagnieżdżona lista, która wyświetla się po najechaniu na elemnt nadrzędny - będzie służyć do tego pseudoklasa

1. Nieuporządkowana lista odsyłaczy
   
   
   <ul> <li>

   Opcja 1

   </li> <li>

   Opcja 2

   </li> <li>

   Opcja 3

   </li> </ul>
   
   
2. Menu poziome
   
   
   a

   {

   display

   :

   inline-block

   ; }

   li

   {

   display

   :

   inline

   ; }
   
   
3. Formatowanie w CSSie
   
   
   a

   { format kolorów, marginesów, ramek, podkreśleń, czcionek itd. }

   li

   {

   display

   :

   inline

   ; }

   ul

   {

   list-style-type

   :

   none

   ;

   margin

   :

   10px

   ;

   padding

   :

   5px

   ; }
   
   
4. Pozycjonowanie
   
   
   ul

   {

   position

   :

   relative

   ; }

   ul ul

   {

   position

   :

   absolute

   ;

   top

   :

   100%

   ; }
   
   
5. Ustawienie odpowiedniego display na elementach menu zagnieżdzonego
   
   
   ul ul

   {

   display

   :

   none

   ; }

   ul ul a

   {

   display

   :

   none

   ; //ukrycie menu podrzędnego stylizacja }
   
   
6. Menu podrzędne ma się pokazywać po najechaniu myszy na nadrzędny - wykorzystaujemy pseudoklasę
   :hover
   
   
   
   ul li

   :hover >

   ul

   {

   display

   :

   block

   ; //teraz po najechaniu myszy menu pokaże się }