Home/ Questions/Q 878883
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T11:50:12+00:00

I want to create the following situation: +————————————–+———————–+ | 1| | | IMAGE IMAGE

  • 0

I want to create the following situation:

+--------------------------------------+-----------------------+
|                                     1|                       |
|  IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE |  TEXT TEXT TEXT       |
|2                                     |                       |
+--------------------------------------+-----------------------+

Everything is included in a div called “caption”
The text is in a div called “textarea”
The image is in a div called “imagearea”

The text area has a fixed width
the image size can change. It should be aligned to the top right (1) and should overflow from the bottom left (2)

How can I do this with CSS?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Float the text area to the right with a set width. This takes it out of the flow of the document.

    Set the right margin of the image div to the width you want it away from the text. The div should automatically take up the rest of the area and the text div should cover the margin area. set the background image to 100% 100% for the image div.

    • 0