CSS - separar imagen de texto en una lista

 
Vista:

separar imagen de texto en una lista

Publicado por rstapia (2 intervenciones) el 30/07/2012 12:52:51
hola, a ver si me pueden ayudar, tengo una lista con una imagen incluida:

<ul>
<li><img src="btn1mini.jpg" />Pagina 1</li>
<li><img src="btn2mini.jpg" />Pagina 2</li>
<li><img src="btn3mini.jpg" />Pagina 3</li>
</ul>

El caso es que la imagen se pega mucho al texto y no hay forma de separarlo...he probado con margin, padding y no hay manera....alguien sabe como puedo separar un poco la imagen del texto?

Gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 624
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

separar imagen de texto en una lista

Publicado por xve (490 intervenciones) el 30/07/2012 13:57:00
Hola, no muestras tu hoja de estilos referente a los li o img, pero simplemente poniendo un style='margin-right:20px;' a la imagen debería de bastarte.

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

separar imagen de texto en una lista

Publicado por rstapia (2 intervenciones) el 30/07/2012 16:56:16
Gracias amigo...era eso, así si que funciona, .....lo curioso es que si lo pongo en el .css no funciona....es decir, pongo la propiedad marging-left:20px en el .css y no funciona.....sin embargo si lo hago en el código dentro del img si que funciona......de todas formas me vale con eso, se ha solucionado el problema....gracias.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar