Separación entre elementos <li>

[wmdiseno]

Tienen razon lo que dicen: pzin, alzacon, Linton.

para checar el problema de la separacion entre elemento es esencial ver el codigo de css, el codigo de css es como tu hoja de estilo, valla! tu forma de reacomodar el menu, si no tienes sentido tendras que checar el manual de css, de desarrollo web y veo que tienes que tener un llamado de div.

intenta con esta explicación

Código HTML:

<ul>
div id='nombre del css'>
    <li>Menu 1
 
    
    </li>
    <li>
       <div style="display: none;">
           <ul>
             <li>SubMenu1
             </li>
             <li>SubMenu2
             </li>
             <li>SubMenu3
             </li>
           </ul>
        </div>
    </li>
   <li> Menu 2
   </li>
    <li>
       <div style="display: none;">
           <ul>
             <li>SubMenu1
             </li>
             <li>SubMenu2
             </li>
             <li>SubMenu3
             </li>
           </ul>
        </div>
    </li>
 
.......
</ul>
 

y de estilo css
intenta algo asi:

Código CSS:

@charset 'UTF-8';
/* Some stylesheet reset */
#aqui pone el nombre que se relaciona donde te puse ''nombre css" > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
 

con mismo div y mismo css, debe de funcionar (:

saludos!