Alinear elemento a la izquierda en la lista desordenada

Question

tengo el siguiente HTML y CSS:

HTML:

<div id="wrapper"> 
    <ul> 
    <li>li1</li> 
    <li>li2</li> 
    </ul> 
</div> 

CSS:

#wrapper 
{ 
} 

#wrapper ul 
{ 
    width:50px; 
    height:100px; 
    border-style:solid; 
    border-width:1px; 
    list-style-type:none; 
} 

#wrapper ul li 
{ 
    border-style:solid; 
    border-width:1px; 
} 

que se traduce en la siguiente lista desordenada:

¿Cómo alinear los elementos de la lista a la izquierda en la lista desordenada?

He intentado flotador y el margen en el "#wrapper li ul", pero eso no resuelve el problema ..

Answer 1

Añadir un padding-left: 0pt al bloque #wrapper ul: necesitan ser puestos fuera

#wrapper ul 
{ 
    width:50px; 
    height:100px; 
    border-style:solid; 
    border-width:1px; 
    list-style-type:none; 
    ' CHECK THE NEXT LINE ' 
    padding-left: 0pt; 
} 

Answer 2

tratar de disminuir el acolchado lateral izquierdo de su elemento UL. Si no es de ayuda, juegue con relleno a la izquierda y margen izquierdo de UL y LI.

Answer 3

Sus marcadores de lista sin ordenar:

#wrapper ul { 
    list-style-type: none; 
    list-style-position: outside; 
}