Necesito posicionar en un div 3 elementos de este tipo:
Elemento 1 - Div flotado a la izquierda que contiene texto.
Elemento 2 - Div flotado a la izquierda, tiene una imagen de background.
Elemento 3 - Enlace flotado a la derecha.
El resultado debería ser:
Casa Rural Pepa Mary *** X
Lo que quiero centrar es el elemento1 y 2, Casa Rural Pepa Mary y las
estrellas.
La X es el elemento 3 que es un botón de Cerrar, y debe estar a la derecha
del div contenedor.
El HTML:
<div class="contenedor">
<div class="elemento1">Casa Rural Pepa Mary</div>
<div class="elemento2">***</div>
<a class="elemento3" href="/">X</a>
</div>
La clase contenedor la tengo así:
.contenedor{
margin:0 auto;
overflow:hidden;
padding:15px 0 5px;
text-align:center;
}
El problema es que para que aparezcan en la misma línea elemento 1 y 2 tengo
que flotarlos, conlo que el centrado que ejerce la clase contenedor se
pierde.
he probado a poner las estrellas con span pero no se ve. ¿Véis alguna
posible solución?
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
