ASP.NET - データ入力situtaionでASP.NETコントロールを整列するCSSを使用する方法？

Question

私は標準のデータ入力型フォームをASP.NETで構築しています。私はCSSでかなり緑色で、フォーム上のラベルとテキストフィールドを整列しようとしています。

私は標準のASP.NETコントロールを使用しています。

私は私のCSSの本とウェブサイトから、ラベルを "=" "と入力してラベルをフロートするための入力テキストボックスの名前を使用できることを知っていますが、ASP.NETでこれを行う方法はありません**これは私と一緒に仕事しようとしているものです：

<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

ここで私が使用している方法です。

<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>