为了给立方体提供标题,我用 p 标签在立方体外写了文本。
我给clear:left
了p
标签,因为它的文字下来了。
其他立方体也因此而倒下。
如何使立方体在一行中水平对齐?
在下面提供我的小提琴
<div class="melonhtml5_gallery">
<div data-caption="<a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px; color: grey;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px; color: grey;' >Labels</a>" data-image="http://www.defie.co/designerImages/inventoryControl.png">testing</div>
<p style='clear: left; text-align:left;'>rajkumar</p>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/search.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/yourfiles.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/shareFiles.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='/Customer/index/?step=create' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' href='/Customer/' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/custProfile.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/custQuote.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='/Sales/order/' >Create</a> <div> <a href='/Sales/' style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/salesOrders.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/vendorProfile.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/reports.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/yourfiles.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/admin.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/shipLogistic.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/accReceivable.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/custRMA.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/production.png"></div>
<div data-caption="<a style='margin-left: 92px; font-size: 18px;' href='http://www.w3schools.com/' >Create</a> <div> <a style='margin-left: 92px; font-size: 18px;' >View/Edit</a> </div> <a style='margin-left: 92px; font-size: 18px;' >Labels</a>" data-image="http://www.defie.co/designerImages/png/CRM.png"></div>
</div>