
Tengo un div contenedor, y dentro otros 2: una galería de imágenes, y un poco de texto. Lo que quiero es que la galería quede a la izquierda y el texto a la derecha, y en medio una imagen de un línea en vertical para separarlos.
Hasta ahí todo bien, la cuestión es que no lo consigo

Código HTML:
Ver original
Y el CSS:
Código CSS:
Sin embargo, queda todo muy descolocado. También probé a flotar a la derecha #separador y #info, pero se descolocan de manera similar. ¿Cómo puedo hacer esto? Como último recurso podría colocar el separador en horizontal y poner la información arriba o abajo, pero me gusta más de esta manera.Ver original
#container { position:relative; height:500px; } #separador { height:450px; display:inline; float:left; } #info { display:inline; float:left; }
Saludos (: