Make float IMAGE beside DIV?

Question

I want the image to float on the left of the green box (see dashed area.)

How can I achieve that with the markup used here?:

I expected the following CSS to do the job. But this dies not work:

#content article {float: left;}

`#content-wrapper #content article img { float: left; max-width: 20%; margin: 0px 20px 20px 0px;}` try using this, further you can play with `max-width` — vivekkupadhyay, Sep 17 '15 at 09:02

score 0 · Answer 1 · answered Sep 17 '15 at 09:26

0

Just set the widthof your .article to:

#content-wrapper #content article {
      width: calc(100% - 250px); }

where "250px" is the fixed width of your green box.

And add to your image:

img {width:100%;}

answered Sep 17 '15 at 09:26

Alvaro Menéndez

1 Answers1