html - 画像の横の分割

Question

私は教え<div>ていて、問題があります。Divは画像の下ですが、横に欲しいです。フロート、位置を設定してみましたが、何も役に立ちません。

Jsfiddle (ここでは、div/画像は接続されていません!)

画像とフォームを接続するように変更するにはどうすればよいですか?

Answer 1

div はブロック要素であるため、自動的に改行が作成されます。display: inline-blockdivで使用してみてください。

私は今あなたのフィドルを更新しました：http://jsfiddle.net/aqqUV/3/

ここでのコードの変更に注意してください。

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

Answer 2

最初の画像に幅を与えて

display:inline-block;
float: left;

そして、これらのプロパティを次の画像の div に与えます

display:inline:block;
float:left;

Answer 3

最初の div に幅を与えて、左にフロートさせることができます。次の div 要素はその横に浮かぶ必要がありますが、最後に両方をクリアすることを忘れないでください!