html - 如何移动此图标/按钮？ CSS？

Question

我正在学习 asp.net、VB、SQL 和 CSS。我正在编写一个约会网站，并希望“喜欢”图标位于其上方的其他 3 个集中图标旁边。前 3 个图标目前只是简单的图像，但“喜欢”图标在 DIVS 中并且功能正常但最终出现在下面一行，即使它们旁边有足够的空间来放置它。非常感谢您的帮助...

<asp:Image ID="Imagelove" runat="server" width="90px" ImageUrl="~/files/images/loveicon.png" />
<asp:Image ID="ImageGift" width="90px" runat="server" ImageUrl="~/files/images/gift.png" />
<asp:Image ID="ImageReport" width="90px" runat="server" ImageUrl="~/files/images/report.png" />

<div style="width:90px; height:89px; position:relative; background: url('/files/images/likebutton.png'); cursor: pointer;" onClick="addLike('<%# Eval("orderID")%>')">
    <div style="font-size:12px; color:#000; background:#ffffff; border:1px solid #000; padding:0 3px; float:left; margin: 0px 0 0 55px;" id="<%# Eval("orderID")%>"><%# Eval("likeCounter")%>
    </div>      
</div>

Answer 1

我自己找到了解决方案，谢谢。我添加了显示:内联 block ；进入 DIV Style=""部分。