Aligning label and textbox on same line left and right

Question

I have an ASP NET control  I want to align the textbox to the right and the label to the left   I have this code so far            lt td  colspan  2  gt                     lt asp Label ID  Label6  runat  server  Text  Label  gt  lt  asp Label gt             lt div style  text-align  right  gt                       lt asp TextBox ID  TextBox3  runat  server  gt  lt  asp TextBox gt           lt  div gt            lt  td gt    The textbox aligns to the right  but the label aligns to the left and on the line above  How can I fix this so that the label is on the left  the textbox on the right  and both on the same line   Thanks

User · Accepted Answer

you can use style       lt td  colspan  2  gt        lt div style  float left  width 80px  gt  lt asp Label ID  Label6  runat  server  Text  Label  gt  lt  asp Label gt  lt  div gt        lt div style  float  right  width 100px  gt                   lt asp TextBox ID  TextBox3  runat  server  gt  lt  asp TextBox gt       lt  div gt         lt div style  clear both  gt  lt  div gt        lt  td gt

User · Answer

You can do it with a table  like this    lt table width  100   gt     lt tr gt       lt td style  width  50   gt Left Text lt  td gt       lt td style  width  50   text-align  right   gt Right Text lt  td gt     lt  tr gt   lt  table gt    Or  you can do it with CSS like this    lt div style  float  left   gt      Left text  lt  div gt   lt div style  float  right   gt      Right text  lt  div gt

User · Answer

You should use CSS to align the textbox  The reason your code above does not work is because by default a div s width is the same as the container it s in  therefore in your example it is pushed below   The following would work    lt td  colspan  2  class  cell  gt                   lt asp Label ID  Label6  runat  server  Text  Label  gt  lt  asp Label gt                           lt asp TextBox ID  TextBox3  runat  server  CssClass  righttextbox  gt  lt  asp TextBox gt          lt  td gt    In your CSS file    cell   text-align left      righttextbox   float right

[asp.net] Aligning label and textbox on same line (left and right)

Examples related to asp.net

Examples related to css