立方体的水平对齐

时间:2013-02-07 01:21:56

标签: html css html5 css3 css-float

如何将搜索图标多维数据集和文件多维数据集移动到库存多维数据集旁边.... 我给了萤火虫漂浮但没有任何工作...... 提供我的小提琴......

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>

1 个答案:

答案 0 :(得分:0)

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

这个元素搞砸了你。 p标记在其前后放置新行。所以删除它或者只是把它放在立方体后面你只需要放一些边距和填充来正确对齐我们的立方体。

如果你想看看我在说什么,我可以更新你的jsfiddle。 :)

我希望我能帮忙。