Necesito ayuda la etiqueta span

[paxy_89]

wenas !!
estoy empezando con un curso de diseño web y me he quedado un poco parada con la creacción de un menú con listas y css:
este seria el codigo de la pagina html:

<div id="menuverticalum">
<h1>Información</h1>
<ul>
<li><a href="http://www.google.es/"> Murcia</a></li>
<li><a href="http://www.gogle.es/">Estructura Organizativa</a></li>
<li><a href="http://www.google.es/">Estudios y Formación</a></li>
<li><a href="http://www.google.es/">Investigación</a></li>
</ul>
</div>
y quiero convertirlo en un menu de bloque:
#menuverticalum {
font:bold 0.7em Arial, Helvetica, sans-serif;
width:140px;
background-color:#990000;
border:1px solid #000;
}

#menuverticalum h1 {
font:bold 1.0em Arial, Helvetica, sans-serif;
background-color:#000;
color:#FF3333;
padding:1px;
}

#menuverticalum li {
list-style-type:none;
}

#menuverticalum a {
color:#fff;
text-decoration:none;
display:block;
width:140px;
}

#menuverticalum a:hover {
background-color:#fff;
color:#c00;
}

#menuverticalum span {
display:block;
padding:5px 10px;
border-left:10px solid #600;
}
pero los item de la lista no se encuendran en el bloque ,es decir, el item de la lista estudios y formacion ,solo sale estudios y form,porque se sale del cuadro y entones no se ve.
jaja bueno muchas gracias a quien me pueda ayudar...!!!!!

[carlos_belisario]

como quieres que salga el menu horizontal vertical??? en el foro de css hay aportes de menus, pero en si te voy a dejar la manera que me ha sido mas sencilla de hacer menus simples con html y css

Código HTML:

<ul id="menu">
    <li><a href="#">menu1</a></li>
    <li><a href="#">menu2</a></li>
    <li><a href="#">menu3</a></li>
    <li><a href="#">menu4</a></li>
</ul>
 

y aca el estilo

Código CSS:

#menu li{
   list-style:none;
   /*float:left*/ esto si quieres que sea horizontal
}
#menu li a{
    background-color:#f00;
    color:#fff;
    display:block;
    width:150px;
}
 

claro falta agregarle los posibles comportamientos al vinculo pero eso ya queda de tu parte ve si te funciona, saludos

[sanxuan]

El problema surge por tener un ancho fijo de 140px en #menuverticalum y #menuverticalum a.
Puedes optar por aumentar ese ancho y se resolverá el problema.