html - 在我的表单上排列一些对象时遇到问题

Question

我在让我的按钮对齐时遇到问题。这是他们的计划:

这是我希望他们做的:

这是我的代码:

  @using (Html.BeginForm("Logon2", "Account", FormMethod.Post))
  { 
    <div>
        <fieldset>
            <legend>Login</legend>

            <div class="editor-label">  
                @Html.LabelFor(m => m.UserName)
            </div>
            <div class="editor-field focus">
                @Html.TextBoxFor(m => m.UserName, new { @class = "GenericTextBox", onkeyup = "enableLogonButton()" })
                @Html.ValidationMessageFor(m => m.UserName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password, new { @class = "GenericPasswordBox", onkeyup = "enableLogonButton()" })
                @Html.ValidationMessageFor(m => m.Password)
            </div>
          <br/>

            <p>
              <input type="submit" disabled="disabled" value="Log On" onclick="DisableSubmitButton()"/>        
              <script type="text/javascript" src="https://seal.godaddy.com/getSeal?sealID=HWXeUzAbOxyxKnb28ueDib8UFmw5ek2tyWQ6mXXt6Q06AQAlQrAtpBz"></script>
            </p>        

          <p>
            If you need to retrieve your username @Html.ActionLink("click here.", "ForgotUsername", "Account")<br/>
            If you need to reset your password @Html.ActionLink("click here.", "ForgotPassword", "Account")
          </p>

        </fieldset>
    </div>
}

我什至不确定如何让他们彼此出现。

有什么建议吗？

Answer 1

将类名“get_in_middle”赋予同时包含登录名和图像的 p 标签。然后放置这个 css，

p.get_in_middle input,p.get_in_middle img{
    vertical-align:middle;
}

http://jsfiddle.net/TUGup/9/