Ver Mensaje Individual
  #4 (permalink)  
Antiguo 03/02/2011, 07:18
sotanez
 
Fecha de Ingreso: febrero-2011
Mensajes: 3
Antigüedad: 13 años, 1 mes
Puntos: 0
Respuesta: internet explorer 7 y float right

Cita:
Iniciado por alexk Ver Mensaje
Código HTML:
Ver original
  1. <div style="text-align:justify;padding:1% 0.625em 1% 0.75em;">
  2. <span style="float:right;color:#0000FF">123456</span>
  3.         <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget mollis nulla. Nulla facilisi. Duis convallis elit nec ligula congue feugiat. Praesent erat velit, ullamcorper luctus aliquam eget, sagittis vel lectus. Cras placerat gravida feugiat. Etiam suscipit condimentum lorem, id facilisis ante facilisis ac. Phasellus quam libero, semper eu malesuada sed, pellentesque vitae</span>
  4.        
  5.     </div>
Invierte el orden de los <span> o igual establece un ancho a los dos y flotalos uno a la izqueirda y otro a la derecha.
Inviertiendo el orden en Firefox y en IE aparece el número a la derecha de la primera línea, en vez de a la derecha de la última.
Haciendo flotar uno a la izquierda y otro a la derecha y asignando un ancho no se consigue lo que yo deseo, y es que el párrafo "envuelva" al número, sino que se truncan las líneas del párrafo al ancho establecido y el número se queda solo en el margen derecho.

Gracias por contestar.