Hola, no lo he probado pero se me ocurren dos soluciones:
- insertar un span en los enlaces (<a href....><span>hoteles</span></a>) y que el span define el color de fondo, así solucionas el problema de la anchura. - en mi opinión seria más correcto pintar el listado de tags con una lista (<ul><li><a href...>hoteles</a></li><li>... ), además de este modo tienes dos elementos para definir los estilos a cada tag (el <li> y <a>), y pienso que con pocos cambios podrías obtener lo que necesitas. No se me ocurre una solución sin cambiar el código generado.. a lo mejor prueba definir los enlaces como inline-block y definir un margen derecho muy grande para que no se queden en la misma linea, pero esta solución no me gusta nada. Espero te ayude un poco. Saludos, Tamara 2011/6/15 Modesto Caballero <aguasin...@gmail.com> > Hola chicas y chicos, > > Estoy intentando conseguir lo que aparece en esta imagen: > > http://dl.dropbox.com/u/2950396/Screen%20shot%202011-06-15%20at%2011.40.19%20PM.png > . > Un listado de etiquetas dispuestas una encima de la otra, rodeadas de > una > etiqueta que se adapta a su anchura. El marcaje está formado por una serie > de <a> a los que les aplico display:block para que reaccionen al margin y > al > padding, pero al hacer eso pasan a ocupar toda la anchura del div padre. Os > paso lo que tengo hecho hasta ahora. El código HTML es el que da el CMS, > pero es modificable si eso facilita la solución: > http://jsfiddle.net/je5F2/ > > ¿Qué estoy haciendo mal? ¿Qué debería hacer para que la anchura del > recuadro > se adapte a la del a y no ocupe todo el ancho? Muchas gracias :) > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
