ASP.NET - Comment utiliser CSS pour aligner les contrôles ASP.NET dans une section de saisie de données?

Question

J'ai un formulaire type de saisie de données standard construit en ASP.NET. Je suis assez vert avec CSS et j'essaie d'aligner les étiquettes et les champs de texte sur le formulaire. J'utilise les contrôles ASP.NET standard. Je sais à partir de mon livre et de mes sites Web CSS que je pourrais utiliser l'étiquette pour = "" avec le nom d'une zone de texte de saisie à suivre et faire flotter les étiquettes, mais je ne sais pas comment le faire avec ASP.NET contrôles. ** C'est ce que j'essaie de travailler avec:

<div class="spacer1em"></div> 
<div><span>Hotel:</span> <asp:TextBox ID="txtHotel" runat="server" /> <asp:LinkButton ID="lnkMap" runat="server">Map</asp:LinkButton></div> 
<div><span>Address:</span><asp:TextBox ID="txtAddress" runat="server" /></div> 
<div><span>Address:</span><asp:TextBox ID="txtAddress2" runat="server" /></div> 
<div><span>City:</span> <asp:TextBox ID="txtCity" runat="server" /> <span>State:</span><asp:TextBox ID="txtState" runat="server" /> <span>Zip:</span> <asp:TextBox ID="txtZip" runat="server" /></div> 
<div><span>Country:</span> <asp:TextBox ID="txtCountry" runat="server" /></div> 
<div><span>Phone:</span> <asp:TextBox ID="txtPhone" runat="server" /> <span>Fax:</span><asp:TextBox ID="txtFax" runat="server" /></div> 
<div><span>Type:</span><asp:TextBox ID="txtType" runat="server" /></div> 
<div><span>Comments:</span> <asp:TextBox ID="txtComments" runat="server" /></div> 

Answer 1

Voici la méthode que j'utilise.

<div class="row"> 
    <div class="label"> 
    <asp:Label ID="lblHotel" Text="Hotel" runat="server" AssociatedControlID="txtHotel" />: 
    </div> 
    <div class="value"> 
    <asp:TextBox ID="txtHotel" runat="server" /> 
    </div> 
</div > 
<style type="text/css"> 
    .row { clear: both; width: 100%; overflow: hidden; margin: 5px 0; } 
    .label { float: left; text-align: right; margin-right: 10px; width: 150px; } 
    .value { float: left; text-align: left; } 
</style>