Home/ Questions/Q 4081846
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T18:06:49+00:00

I have this code: http://jsfiddle.net/5RbrL/ As you can see, the text doesn’t go over

  • 0

I have this code: http://jsfiddle.net/5RbrL/

As you can see, the text doesn’t go over the .box div. I would like to achieve the same, but the .box div should be attached to the bottom of the container.

First thing I tried was setting the container’s positioning context to relative and making .box absolute, but this takes it out of the document’s flow and text is placed underneath .box, which is exactly what I don’t want to happen.

I do not know the height of the container, as it will depend on the amount of text inside it.

Is there any way to make the text fill the entire container, but leave the bottom right square empty (for a background graphic)?

[EDIT]

I apologise for not phrasing my question clearly: I would like the text to wrap around the .box.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Unfortunately what you ask can’t be done with pure CSS.

    You need a specific height to be able to float/position elements in this manner.

    You could get around it be adding more elements, but this isn’t preferable as then you’d have to invent some way to spread the last parts of text over to the empty element.

    Well you could fake it by adding another element and somehow injecting the last lines of text into it.

    Other than that, without a specific height I am not sure there is a real way to do it. HTML should come up with some kind of pathing system 😀

    __

    After some thinking and experimentation I have an easier solution, just include the element within the text (inside the <p>.)

    • 0