HTML/CSS дисплей Элементы в отличной манере

Question

Итак, причина моего беспокойства, мне нужно поместить эти текстовые заметки, ярлыки, кнопки в красивую линию между собой. Для некоторых из вас это может быть легко сделать в CSS, поэтому, пожалуйста, помогите мне: D

Любая ссылка, где я могу прочитать об этом, тоже будет приятной.

Extra Info: Сайт основан на 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> 

                                                                                             

Answer 1

Не использовать таблицы, использовать CSS и «Див» узлы, чтобы обернуть содержание и стиль отображения поставить инлайн данных.

Использование http://www.w3schools.com/

В качестве источника для CSS

Таблицы не будет течь правильно, если ширина браузера сужаться, ввод в отдельных тегов позволит браузеру правильно стиль макета.

Чтобы поместить элементы в той же строке:

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

Вы можете зафиксировать ширину столбцов, добавляя больше стилей, ширина и т.д.

Если вы не знакомы с CSS, а затем провести некоторые время обучения.