Foros del Web » Creando para Internet » CSS »

Justificar ícono en lista

Estas en el tema de Justificar ícono en lista en el foro de CSS en Foros del Web. buenos días para todos Tengo una lista con un icono (imágen) al principio. Así tengo el .css: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original .contenido ul ...
  #1 (permalink)  
Antiguo 15/05/2013, 06:54
Avatar de ceaped  
Fecha de Ingreso: febrero-2004
Mensajes: 2.185
Antigüedad: 20 años, 2 meses
Puntos: 9
Pregunta Justificar ícono en lista

buenos días para todos
Tengo una lista con un icono (imágen) al principio.
Así tengo el .css:

Código CSS:
Ver original
  1. .contenido ul {
  2.     list-style-type: none;
  3.     margin: 0px;
  4.     padding: 0px;
  5. }
  6.  
  7. .contenido ul li{
  8.     background-image: url(../images/flecha.png);
  9.     background-position: left bottom;
  10.     background-repeat: no-repeat;
  11.     padding-left: 20px;
  12.     font-family: Arial, Helvetica, sans-serif;
  13.     font-size: 0.9em;
  14.     padding-top: 5px;
  15. }

funciona bien, pero si el texto sobrepasa la primera línea (como un párrafo) el icono no queda centrado.

¿Cómo centro el icono con respecto a un párrafo?

Gracias por su ayuda
__________________
Diseñador Gráfico publicitario
  #2 (permalink)  
Antiguo 15/05/2013, 08:54
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Justificar ícono en lista

Ajustando el fondo al centro debería de valer: left center

Etiquetas: contenido, justificar, lista
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:05.