étiquette Alignement et zone de texte sur la même ligne (gauche et droite)

Question

j'ai un contrôle ASP.NET. Je veux aligner la zone de texte à droite et l'étiquette à gauche.

J'ai ce code à ce jour:

 <td colspan="2"> 


       <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label> 


     <div style="text-align: right">  
       <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
     </div> 

     </td> 

La zone de texte aligne à droite, mais l'étiquette aligne sur la gauche et sur la ligne ci-dessus. Comment puis-je résoudre ce problème afin que l'étiquette est à gauche, la zone de texte à droite, et à la fois sur la même ligne?

Merci

Answer 1

vous pouvez utiliser le style

<td colspan="2"> 
    <div style="float:left; width:80px"><asp:Label ID="Label6" runat="server" Text="Label"></asp:Label></div> 

    <div style="float: right; width:100px">  
      <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> 
    </div> 

    <div style="clear:both"></div> 

    </td> 

Answer 2

Vous pouvez le faire avec une table, comme ceci:

<table width="100%"> 
    <tr> 
    <td style="width: 50%">Left Text</td> 
    <td style="width: 50%; text-align: right;">Right Text</td> 
    </tr> 
</table> 

Ou bien, vous pouvez le faire avec CSS comme ceci:

<div style="float: left;"> 
    Left text 
</div> 
<div style="float: right;"> 
    Right text 
</div> 

Answer 3

Vous Shoul d utilisez CSS pour aligner la zone de texte. La raison pour laquelle votre code ne fonctionne pas ci-dessus est que par défaut la largeur d'un div est le même que le récipient est dans donc dans votre exemple, il est poussé ci-dessous.

Ce qui suit fonctionnerait.

<td colspan="2" class="cell"> 
       <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>   
       <asp:TextBox ID="TextBox3" runat="server" CssClass="righttextbox"></asp:TextBox>  
</td> 

Dans votre fichier CSS:

.cell 
{ 
text-align:left; 
} 

.righttextbox 
{ 
float:right; 
}