eliminar margen izquierdo de lista <li> ¿con css?

[capagris]

muy buenas a tod@s.

Estoy creando una lista y aparte de estar dándome 40,000 problemas para que aparezca bien situada dentro del diseño del site (por no entender bien su comportamiento) tengo el siguiente problema.

Al crear una lista en mi caso con <li> siempre me dejan un margen por defecto a su izquierda

¿Me puede decir alguien como puedo quitar ese margen?

Gracias.

[DragonX]

Tal ves esto te ayude un poco http://www.ncdesign.org/html/s021list.htm

[talmente]

Hola con esto eliminas margin y padding

Código:

li {
	margin: 0px;
	padding: 0px;
	
}
ul {
	margin: 0px;
	padding: 0px;
}

[capagris]

Iniciado por talmente

Hola con esto eliminas margin y padding

Código:

li {
    margin: 0px;
    padding: 0px;
    
}
ul {
    margin: 0px;
    padding: 0px;
}

esto ya lo he probado y nada, gracias de todas formas talmente

[jomaruro]

Hola:

Haz esto, logicamente adaptado a tus necesidades:

Código:

            ul {
                list-style-type: none;
                padding:0px;
            }

Saludos.

[BatiK]

Iniciado por jomaruro

Hola:

Haz esto, logicamente adaptado a tus necesidades:

Código:

            ul {
                list-style-type: none;
                padding:0px;
            }

Saludos.

Hola

Mira a mi eso me sirve pero solo para Firefox

En I Explorer me borra las viñetas

esto es lo que estoy usando:

.list ul{list-style-type: none;margin:0;padding:0;}
.list li{list-style-type: square;margin:0;padding:0;}

Algun consejo?

[ArturoGallegos]

hola amigo pues mientras encuentras una mejor solución yo te doy este ejemplo espero te sirva

CSS:

Código HTML:

div{background:#99CCFF; width:200px;}
ul{font-family:verdana; font-size:12px;}
ul.list1{list-style-position: inside; padding-left:0; *margin-left:0;}
ul.list2{list-style-position: outside; padding-left:13px; *margin-left:3px;} /* es igual si especificas outside o no */

HTML:

Código HTML:

 <div>
  <ul>
	<li>hola mundo, hola mundo, hola mundo, hola mundo</li>
  </ul>
  <ul class="list1">
	<li>hola mundo, hola mundo, hola mundo, hola mundo</li>
  </ul>
  <ul class="list2">
	<li>hola mundo, hola mundo, hola mundo, hola mundo</li>
  </ul>
  </div> 

bien yo te aconsejaría que lo uses con inside ya que es mas fácil de acomodar pero igual por presentación cabria que pensar mas en tu diseño

jeje bueno creo que en ejemplo se aprecia porque el outside no me agrada pero igual lo digo... es porque de acuerdo al tamaño de la letra tienes que estar jugando con los valores del padding y margin que apliques

en mi caso uso padding-left y margin-left pero igual si lo deceas puedes dejarlos generalizados en padding y margin