desplazar <li> '?

jonysi_d · #1 (**permalink**) 24/02/2015, 17:12

hola...
tengo un dilema ya que tengo una lista que debo desplazar hacia la derecha, pero el problema es que se me despazan correctamente el texto, pero no el <type>, os dejo un ejemplo para que me entiendan mejor:

Código HTML:

<head>


<style type="text/css">
  li { color: #FF0000; padding-left:50px; }
</style>
</head>

<body>
<div>
<ul type="disc">
<li style="padding-left:20px:" type="circle"> primero</li>
<li style="padding-left:20px:" type="circle"> segundo</li>
</ul>
</div>
</body>
</html>

esto queda de esta manera:

º (ESPACIO EN BLANCO ) primero
º (ESPACIO EN BLANCO ) segundo

yo quiero qu equede así:

º primero
º segundo

solo se desplaza el texto, pero no el type ( circle ), como puedo hacer para que ambien se desplaze ??

graciast

pzin · #2 (**permalink**) 24/02/2015, 17:30

Prueba con:

Código CSS:

Ver originallist-style-position: inside;

GekoDH · #3 (**permalink**) 24/02/2015, 18:01

No sé si entiendo bien la pregunta, pero dale el padding al ul en vez de al li, así se moverá la lista entera, con los puntos incluídos, y no sólo los elementos.

AngelKrak · #4 (**permalink**) 25/02/2015, 15:08

quitale el padding-left:50px; maldicion jajajaja lo que quieres es quitarle el espacio en blanco eso es lo que entendi no?

si quieres mover todo el <type> (lo que esta adentro que son los <li>) tendrias que usar este codigo >_<
ul {
padding-left:50px;
}