Question

I have problem with CSS with two divs.
My first div contain texts while second div contains images. I need to put the image div in top right corner of text div.

My div structures as below:

<div class="text">text text text .... more text</div>
<div class="images">image image</div>

I want to archieve this:

========================

text text – image –

text text – image –

text text text text

text text text text

text text text text

=========================

I illustred this problem with an image:

How to achieve this?

Answer 1

Float the image?

<style>.images { float: right; }</style>

<div class="images">image image</div>
<div class="text">text text text .... more text</div>

Live Example – This example demonstrates the principle. It has more styles to make it look nicer, but it will work without them. Play with it and see what I mean.