Hola estoy haciendo una modificacion de una plantilla que esta hecha a base de css, el problema es el siguiente yo tengo unos menos deplegables que son div, ul y li, tengo definida esta clase
Código HTML:
.art-menu ul a
{
display:block;
padding: 0;
width: 180px;
overflow:hidden;
float: left; height: 100%;
margin: 0 !important;
padding-left: 0px;
background-color: rgba(100, 100, 100, 0.9);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(75, 75, 75, 0.9);
}
pero cuando se despligan textos mas grandes que el ancho del div, la linea de abajo no esta al mismo nivel horizontalmente con la de arriba algo asi
Código HTML:
linea arriba
linea abajo
y una pregunta extra como hago para que los div sean mas cortos verticalmente sin problemas de que no se vean la lineas de abajo si alguien me puede ayudar a resolver esto se los agradeceria muchisimo