html - 立方体的水平对齐

Question

如何将搜索图标多维数据集和您的文件多维数据集移动到与库存多维数据集相邻的位置.... 我在 Firebug 中放了花车，但没有任何效果…… 在下面提供我的 fiddle ......

http://jsfiddle.net/B49Ap/15/

http://jsfiddle.net/B49Ap/15/embedded/result/

在下面提供我的代码

<div class="melonhtml5_gallery">
                    <div class="desktopContactImage" data-caption="&lt;a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;Labels&lt;/a&gt;"
                    data-image="http://www.defie.co/designerImages/inventoryControl.png">desktopImage</div>
                    <p style='clear: left; text-align:left;'>rajkumar</p>
                    <div data-caption="&lt;a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px;' &gt;Labels&lt;/a&gt;"
                    data-image="http://www.defie.co/designerImages/png/search.png"></div>
                    <div data-caption="&lt;a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px;' &gt;Labels&lt;/a&gt;"
                    data-image="http://www.defie.co/designerImages/png/yourfiles.png"></div>
                </div>

Answer 1

<p style='clear: left; text-align:left;'>rajkumar</p>

这个元素让你感到困惑。 p标签在其前后放置新行。因此，将其移除或将其放在立方体之后，您只需添加一些边距和填充即可正确对齐我们的立方体。

如果您想了解我在说什么，我可以更新您的 jsfiddle。 :)

希望我帮到了你。