如何在主<div>标记内的同一行中水平对齐两个<div>标记？

Question

我试图<div>在main中使用两个元素<div>.但问题是,在<div>我第一次使用<image>控件时,我会从数据库中获取一些文本数据.第二,<div>我正在使用<gridview>.但是我无法<div>在水平方向上显示这两个元素.

我试过这样做:

<div style="width:1000px;overflow:hidden; height:auto; float:left; text-align:justify; margin-bottom:15px;">
    <div id="right part" runat="server" style="width:auto; float:left; margin:0 12px 12px 0;">
        <asp:Image ID="Image1" runat="server" Height="122px" Width="148px" /><% =details %></div>
    <div id="left part" runat="server" style="float:left;width:auto;display:inline-block;">
        <asp:GridView ID="GridView1" runat="server" ShowHeader="False" 
                      ForeColor="Black" GridLines="None" EnableModelValidation="True" 
                      onpageindexchanging="GridView1_PageIndexChanging" onrowcreated="GridView1_RowCreated">
        </asp:GridView>    
    </div>
</div>

如果我做错了,请建议我？

Answer 1

CSS

显示:内联块

添加div 右部分和左部分 css