HTML/CSS表示素敵なやり方の要素

Question

私の外乱の理由から、これらのテキストボックス、ラベル、ボタンを自分自身の間にかなりの線の中に置く必要があります。 あなたの中には、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> 

                                                                                             

Answer 1

データをインラインに置くために、コンテンツの表示スタイルをラップするために、テーブル、使用のCSSと「DIV」ノードを使用しないでください。ブラウザの幅を狭くすることであれば

CSS

のソースとして使用 http://www.w3schools.com/

の表は、ブラウザが正しくレイアウトをスタイルすることができます個々のタグの中に入れて、正常に流れません。同じ行に要素を配置する

：

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

あなたは、より多くのスタイルを追加することによって、列の幅を修正することができ、幅など

あなたはCSSに慣れていない場合は、いくつかを過ごしますそれを学ぶ時間。