Div next to image

Question

I'm teaching <div> and i have problem. Div is under image, but I want next to. I tried with setting float, position but nothing help.

Jsfiddle (here divs/images are unconnected!)

How to change it to connect images and form on up?

Answer 1

Divs automatically create a line break, because they are block elements. Try using display: inline-block on the div.

I updated your fiddle now: http://jsfiddle.net/aqqUV/3/

Note the code change here:

<div class="form" style="
    margin-left: 70px;
    color: white;
    display: inline-block;
">

Answer 2

Just give first image a width and

display:inline-block;
float: left;

and then give these proerties to div following image

display:inline:block;
float:left;