Javascript 如何正确设置标签和文本框填充？

我不确定我做错了什么，但我无法用我的标签和文本框获得我想要的格式。我的最终目标是让它看起来像附件中的图片，我可以为标签设置边距/填充/偏移，然后为文本框设置不同的边距/填充/偏移

.lblright{
浮动：对；
宽度：120px；
右边填充：500px；
}
伊布利夫特先生{
浮动：左；
左侧填充：50px；
}
.lblleft2{
浮动：左；
宽度：100px；
左侧填充：150px；
}

您可以这样做。我更改了您的代码并使用了简单的html。希望这有帮助

.inputContainer{
宽度：300px；
填充：10px；
}
.输入容器标签{
宽度：200px；
}
.inputContainer输入{
宽度：125px；
浮动：对；
}

账户
指定的名称
电子邮件地址

我不得不调整@negool的答案，因为它有一个JS错误并且没有正确显示，但它让我足够接近了。这就是有效的方法

   <div class="inputContainer">
        <asp:Label ID="lblInputAccountHtml" runat="server" Text="Account"></asp:Label>
        <input type="text" ID="tbxInputAccountHtml" /> 
    </div>
    <div class="inputContainer">
        <asp:Label ID="lblInputNameAssignedHtml" runat="server" Text="Name Assigned"></asp:Label>
        <input type="text" id="tbxInputNameAssignedHtml" />
    </div>
    <div class="inputContainer">
        <asp:Label ID="lblInputEmailAddressHtml" runat="server" Text="Email Address asdfasdfasdfasdf"></asp:Label>
        <input type="text" id="tbxInputEmailAddressHtml" />
    </div>


<style type="text/css">

    .inputContainer {
      width: 550px;
      padding: 5px;
      padding-left: 75px;
    }

    .inputContainer label {
      width: 275px;
    }
    .inputContainer input {
      width: 225px;
      float: right;
    }

.输入容器{
宽度：550px；
填充物：5px；
左侧填充：75px；
}
.输入容器标签{
宽度：275px；
}
.inputContainer输入{
宽度：225px；
浮动：对；
}