HTML/CSS以良好的方式显示元素

所以，我的困扰的原因是，我需要把这些文本框、标签、按钮排成一行。 对于你们中的一些人来说，这在CSS中可能很容易做到，所以请帮助我：D

任何我能读到的参考资料都会很好

额外信息： 该网站基于ASP.NET

EDIT1:

<asp:RadioButtonList ID="radioListRight" runat="server" AutoPostBack="True" RepeatDirection="Horizontal" >
        <asp:ListItem>Recht hinzufuegen</asp:ListItem>
        <asp:ListItem>Recht entfernen</asp:ListItem>
    </asp:RadioButtonList>
    <asp:Label ID="LabelError" runat="server" Font-Bold="True" Font-Size="Large" ForeColor="Red"></asp:Label>

    <br />
    Projekt:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<asp:DropDownList ID="comboProj" runat="server" AutoPostBack="True" Width="140px" Visible="False">
    </asp:DropDownList><br />
    &nbsp;Teilprojekt:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:DropDownList ID="ComboTP" runat="server" Width="136px" Visible="False">
    </asp:DropDownList>
    <asp:Button ID="btnAddTP" runat="server" Text="Hinzufügen" Visible="False" />
    <br />
    <asp:ListBox ID="ListBoxTP" runat="server" Height="164px" Width="422px" Visible="False"></asp:ListBox><br />
    Art der Berechtigungen:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:DropDownList ID="comboBerechtigungsArt" runat="server" Visible="False" AutoPostBack="True">
        <asp:ListItem>Auswählen...</asp:ListItem>
        <asp:ListItem Value="CHECK-IN / CHECK-OUT"></asp:ListItem>
        <asp:ListItem>CHECK-OUT</asp:ListItem>
        <asp:ListItem>CHECK-IN</asp:ListItem>
    </asp:DropDownList><br />
    Berechtigungen eintragen für&nbsp;&nbsp;&nbsp;<asp:TextBox ID="TextBoxUser" runat="server" Width="151px" placeholder="HendrikHeim" Visible="False"></asp:TextBox>
    <asp:Button ID="btnAddUser" runat="server" Text="Hinzufügen" Visible="False" />
    <br />
    &nbsp;<asp:Label ID="labelEmail" runat="server" Text="EMail"></asp:Label>

新祖福根酒店
雷希特·恩特弗宁


项目：


Teilprojekt：




贝雷希蒂贡根美术馆：
奥斯瓦伦。。。
退房
登记入住


贝雷赫蒂根埃因特拉根弗尔

---

不要使用表，使用CSS和“div”节点包装内容，使用显示样式内联数据

使用

作为CSS的源代码

如果浏览器宽度变窄，表格将无法正确流动，放入单个标记将允许浏览器正确设置布局样式

要将元素放在同一行上，请执行以下操作：

    <div style="display:inline;width:80px;">content here</div>
    <div style="display:inline;width:100px;">content here</div><br />

这里的内容
此处的内容

然后可以通过添加更多样式、宽度等来固定列的宽度

---

如果您不熟悉CSS，请花些时间学习。

不要使用表格，请使用CSS和“div”节点包装内容，并使用显示样式内联数据

使用

作为CSS的源代码

如果浏览器宽度变窄，表格将无法正确流动，放入单个标记将允许浏览器正确设置布局样式

要将元素放在同一行上，请执行以下操作：

    <div style="display:inline;width:80px;">content here</div>
    <div style="display:inline;width:100px;">content here</div><br />

这里的内容
此处的内容

然后可以通过添加更多样式、宽度等来固定列的宽度

---

如果您不熟悉CSS，请花些时间学习。

向我们展示代码！检查此链接-完成此操作，是否有帮助？在请求帮助之前，请先尝试此链接。css中的Flexbox非常易于使用和理解。指南这本指南有很好的文档记录。所以，你很容易理解它。试着读30分钟。那你的布局就容易多了。给我们看看代码！检查此链接-完成此操作，是否有帮助？在请求帮助之前，请先尝试此链接。css中的Flexbox非常易于使用和理解。指南这本指南有很好的文档记录。所以，你很容易理解它。试着读30分钟。那你的布局就容易多了。那么，把它们放在一起的命令是什么呢？例如，输入文本框？不确定每个按钮中所要求的是什么。对不起，我不明白你想说什么。就像这里的“Hinzufügen”和“Bearbeitung abschließen”就在“Hinzufügen”的正下方，前面没有空格，所以不完全在下面，那么将它们放在一起的命令是什么呢？例如，输入文本框？不确定每个按钮中所要求的是什么。对不起，我不明白你想说什么。就像这里的“Hinzufügen”和“Bearbeitung abschließen”在“Hinzufügen”的正下方，前面没有空格，所以它不在正下方