Menu Horizontal con CSS

Mensajes
4
Puntuación de reacción
0
Hola buenas noches, tengo el siguiente menú:

Código:
<div id="menu">
  <ul class="nav"><li id="menu-item-91" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-91"><a href="#">Proyectos</a>
<ul class="sub-menu">
	<li id="menu-item-97" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-97"><a href="#">Seleccionados</a></li>
	<li id="menu-item-98" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-98"><a href="#">en Progreso</a></li>
	<li id="menu-item-99" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-99"><a href="#">por Tipo</a></li>
</ul>
</li>
<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-29"><a href="http://munoba.com/acerca/">Acerca</a></li>
<li id="menu-item-96" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-96"><a href="http://munoba.com/category/noticias/">Noticias</a></li>
<li id="menu-item-95" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-95"><a href="http://munoba.com/contacto/">Contacto</a></li>
</ul>			</div>

Intento darle estilo con CSS pero no consigo que se mueva nada no se si estoy realizando algo mal, cabe aclarar que no tengo ni idea de CSS tengo dudas respecto a porque poner el #, el . o simplemente poner la etiqueta sin nada he visto lo siguiente:

Código:
#etiqueta {
}
.etiqueta {
}
etiqueta {
}
No se que aplica a id, a class como hacerlo horizontal mi menu y esconder los submenus, ya intente copiar código de otro sitio y aprender mas pero sigo sin conseguirlo.

Alguien podría ayudar?:)
 
Arriba