title: ASP.NET - how to use CSS to align ASP.NET controls in a data entry situtaion?
body: <p>I have a standard data-entry type form built in ASP.NET. I am pretty green with CSS and am trying to line up the labels and text fields on the form.  </p>
  
  <p>I am using the standard ASP.NET controls. </p>
  
  <p>I know from my CSS book and web sites that I could use the label for="" with the name of an input text box to follow and float the labels but I don't how to do this with ASP.NET controls.** This is what I am trying to work with:</p>
  
  <pre><code>&lt;div class="spacer1em"&gt;&lt;/div&gt;
  &lt;div&gt;&lt;span&gt;Hotel:&lt;/span&gt; &lt;asp:TextBox ID="txtHotel" runat="server" /&gt; &lt;asp:LinkButton ID="lnkMap" runat="server"&gt;Map&lt;/asp:LinkButton&gt;&lt;/div&gt;
  &lt;div&gt;&lt;span&gt;Address:&lt;/span&gt;&lt;asp:TextBox ID="txtAddress" runat="server" /&gt;&lt;/div&gt;
  &lt;div&gt;&lt;span&gt;Address:&lt;/span&gt;&lt;asp:TextBox ID="txtAddress2" runat="server" /&gt;&lt;/div&gt;
  &lt;div&gt;&lt;span&gt;City:&lt;/span&gt; &lt;asp:TextBox ID="txtCity" runat="server" /&gt; &lt;span&gt;State:&lt;/span&gt;&lt;asp:TextBox ID="txtState" runat="server" /&gt; &lt;span&gt;Zip:&lt;/span&gt; &lt;asp:TextBox ID="txtZip" runat="server" /&gt;&lt;/div&gt;
  &lt;div&gt;&lt;span&gt;Country:&lt;/span&gt; &lt;asp:TextBox ID="txtCountry" runat="server" /&gt;&lt;/div&gt;
  &lt;div&gt;&lt;span&gt;Phone:&lt;/span&gt; &lt;asp:TextBox ID="txtPhone" runat="server" /&gt; &lt;span&gt;Fax:&lt;/span&gt;&lt;asp:TextBox ID="txtFax" runat="server" /&gt;&lt;/div&gt;
  &lt;div&gt;&lt;span&gt;Type:&lt;/span&gt;&lt;asp:TextBox ID="txtType" runat="server" /&gt;&lt;/div&gt;
  &lt;div&gt;&lt;span&gt;Comments:&lt;/span&gt; &lt;asp:TextBox ID="txtComments" runat="server" /&gt;&lt;/div&gt;
  </code></pre>