html - 图像旁边的 div

Question

我在教<div>，我有问题。Div 在图像下，但我想在旁边。我尝试设置浮动，位置但没有任何帮助。

Jsfiddle（这里 divs/images 是未连接的！）

如何更改它以将图像和表格连接起来？

score 8 · Accepted Answer

div 会自动创建换行符，因为它们是块元素。尝试display: inline-block在 div 上使用。

我现在更新了你的小提琴：http: //jsfiddle.net/aqqUV/3/

注意这里的代码更改：

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

score 3 · Accepted Answer

只需给第一张图片一个宽度和

display:inline-block;
float: left;

然后将这些属性提供给 div 下图

display:inline:block;
float:left;

score 0 · Accepted Answer

你可以尝试给第一个 div 一个宽度，让它向左浮动。下面的 div 元素应该漂浮在它旁边，但不要忘记清除：最后都！

3 回答 3