Css无法正常渲染

Question

我是CSS的新手，我正在尝试使用asp.net正确对齐网页表单的文本框，标签等。我以为我已经设法把所有东西都安装到位然而在重新启动页面时盒子不再对齐而且只有当我编辑CSS代码同时运行它正确对齐的网页时，是否有人知道为什么这是/如何修复它：代码如下：

<asp:View ID="Tab1" runat="server">
                <h2>Address details</h2>
                <p>
                    <asp:Label runat="server" ID="lblHomeAddress" AssociatedControlID="txtHomeAddress" CssClass="Addlabel">Home Address: </asp:Label><asp:TextBox runat="server" ID="txtHomeAddress" Columns="40" Rows="4" TextMode="multiline" CssClass="Addinput"/><br />
                    <asp:Label runat="server" ID="lblHomePostcode" AssociatedControlID="txtHomePostcode" CssClass="Addlabel2">Home Postcode: </asp:Label><asp:TextBox runat="server" ID="txtHomePostcode" CssClass="Addinput2"/><br />
                    <asp:Label runat="server" ID="lblHomeOwner" AssociatedControlID="ddlHomeOwner" CssClass="Addlabel2">Home Owner: </asp:Label><asp:DropDownList ID="ddlHomeOwner" runat="server" CssClass="Addinput2">
                        <asp:ListItem Value="OWN_HOME">OWN HOME</asp:ListItem>
                        <asp:ListItem Value="PARENT">PARENT</asp:ListItem>
                        <asp:ListItem Value="OTHER">OTHER</asp:ListItem>
                    </asp:DropDownList>

                    <br />
                    <asp:Label runat="server" ID="lblHomePhone" AssociatedControlID="txtHomePhone" CssClass="Addlabel2">Phone Number: </asp:Label><asp:TextBox runat="server" ID="txtHomePhone" CssClass="Addinput2"/><br />
                </p>
            </asp:View>

这就是CSS

/*address input left*/
.Addinput {
display: inline-block;
text-align: left;
float: left;
margin-left: 00px;    
}
/*address text left*/
.Addlabel {
display: inline-block;
text-align: right;
float: left;
}
/*address right input*/
.Addinput2{
float:right;
font-size:10px;
padding:4px 8px;
border:solid 1px #aacfe4;
width:280px;
margin: -10px 200px 15px;
}
/*address right text*/
.Addlabel2{
float:left;
font-size:14px;
padding:4px 8px;
width:550px;
margin:-16px 90px -20px;
}

它的外观和外观如何

应该怎么样