如何在asp.net中水平并排对齐Div？

Question

我有一个标记，其中包含div一些images如图所示。目前每个部分都是div垂直显示的。但是，我想在屏幕转储中显示左侧的项目和右侧的文本。

HTML 标记：

     <div id="divgetpaidnow" style="float:none;width:200px;" class="paymentclass" paytype="GetPaidNow"  paytypeid="1">
  <asp:Image ID="Image1" src="images/getpaidnow.jpg" runat="server" class="paymentimg" />
   <div>
  </div>
 <asp:RadioButton ID="rdo1" Text="Get Paid Now" runat="server" class="myradio" GroupName="rdoPaymentgroup" />
 <div class="payTypeFooterText" style="float:none;">                                                   <strong>Get Paid Now:</strong><br />
   Instant Cash, visit one of our Mall Locations and get Paid Today
  </div>
 </div>
  <div id="divamazon" style="float: none;" class="paymentclass" paytype="Amazon" paytypeid="2">
     <asp:Image ID="Image2" src="images/amazon.jpg" runat="server" class="paymentimg" />
<div style="margin-top: 10px;">
       </div>
 <asp:RadioButton ID="rdo2" Text="Recommended" runat="server" class="myradio" GroupName="rdoPaymentgroup" />
      <div class="payTypeFooterText">
    <strong>Amazon Gift Card:</strong><br />
     Get paid quickly via electronic gift card and receive an extra 5%</div>
 </div>

css：

.payTypeFooterText
        {
            width: 120px;
            font-style: normal;
            font-size: 10px;
        }

.myradio
        {
            color: grey;
            font-size: 12px;
            text-decoration: none;
        }

仅这两个css其他class名称用于使用JQUERY.

帮助赞赏！

Answer 1

您可以使用 css 属性浮动 来对齐页面上的内容

<div>
    <div style='float:left;'>
        ----content---
    </div>
    <div style='float:right;'>
        ----content---
    </div>
</div>