CODEWITHSUNDEEP
htmlasp.netcss
Ehsan Banaei
Ehsan Banaei

Reputation: 31

how to put 4 control on a line in asp.net?

I have two labels and two text boxes and I want put those control on a line without position absolute

<div id="divlbluser" >
    <asp:Label CssClass="lbl" ID="lblUser" runat="server" Text="نام کاربری:"></asp:Label>
</div>
<div id="divtxtuser" >
    <asp:TextBox CssClass="txt" ID="txtUser" runat="server"></asp:TextBox>
</div>
<div id="divlblpass" >
    <asp:Label CssClass="lbl" ID="lblPass" runat="server" Text="رمز عبور:"></asp:Label>
</div>
<div id="divtxtpass">
    <asp:TextBox runat="server" CssClass="txt" ID="txtPass"></asp:TextBox>
</div>

Upvotes: 1

Views: 184

Answers (2)

user2316116
user2316116

Reputation: 6814

Use CSS

<style>
#divtxtuser, #divlblpass, #divtxtpass { float: left; }
</style>

Upvotes: 0

Tom
Tom

Reputation: 7740

Don't put them in separate divs.

<div>
   <asp:TextBox CssClass="txt" ID="txtUser" runat="server"></asp:TextBox>
   <asp:Label CssClass="lbl" ID="lblPass" runat="server" Text="رمز عبور:"></asp:Label>
   <asp:TextBox runat="server" CssClass="txt" ID="txtPass"></asp:TextBox>
</div>

See example jsFiddle

Upvotes: 1

Related Questions