Crear CSS inferior derecho alineado con el texto y que este lo rodee

[ronaldino1984]

Hola buen quiero hacer una consulta por si alguien sabe, lo que pretendo es generar un espacio inferior-derecho de un área en forma de cuadrado dentro de un div que contiene texto, la cantidad de texto es variable pero el área del espacio es fija, es decir que el espacio va a tener un width y un height fijos y se queda fijo siempre al final del texto sin importar la cantidad de texto que haya

Este es el ejemplo

kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd kjdh kdjh dkjd hk kjdkjd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd
kjdh dkjhd kjdhdjhd kjhd

ya he tratado de poner un div flotante alineado a la derecha con un margin negativo de la misma altura que la imagen, ubica correctamente el div en la posicion que quiero pero el texto siempre atraviesa el div y no lo rodea respetando el area de espacio, algo importante para quienes me respondan y es que el objeto que genere el espacio debe estar al inicio o al final del texto, y no en la mitad ya que el texto va a ser llamado de una base de datos.


Gracias y escucho sugerencias

[cristian_cena]

Hola ronaldino:

Mira, no se si estoy a la altura del problema, también hice pruebas con un div relativo y no logro hacerlo funcionar. Postea el código y lo vemos, a lo mejor encontramos alguien que quiera colaborar ya que es muy interesante lo que planteas.

[sebaweb]

proba con dos divs, una que ocupe todo el ancho, y la otra abajo, alineada a la izquierda, que tenga un ancho de la mitad que el otro

[kseso?]

Lo más rápido y menos recomendable (por la compatibilidad entre navegadores) es utilizar la pseudo-clase

Código css:

p:nth-last-of-type(1) {padding-right: 200px;}
 

A ver si saco un ratito este fin de semana para este sudoku de css

Un saludo

[jomaruro]

Hola:

Ese cuadrado en blanco ¿que va a contener? Como ya te ha dicho cristian, mejor pon tu código.

Saludos.

[RolandGarros84]

Iniciado por sebaweb

proba con dos divs, una que ocupe todo el ancho, y la otra abajo, alineada a la izquierda, que tenga un ancho de la mitad que el otro

Lo que pasa es que los textos se cruzan entiendes hacen superposicion pero no se aislan los contenidos de los divs