css - Jquery Mobile 表单未对齐

Question

请参阅jsfiddle举个例子。

当前的电子邮件地址在线上位于较高位置，我不确定如何将其降低。我试过 style="vertical-align:middle;"在一些地方，但没有奏效。不知道还能做什么。

非常感谢!

<form action="blahblah.php" method="post">
<div class="somestyling">
        <h2 style="text-align:center;">New Email Address</h2>

    <div class="ui-field-contain">
        <label for="current_email">Current Email:</label>
        <div id="current_email">me@work.com</div>
    </div>

    <div class="ui-field-contain">
        <label for="email">New Email:</label>
        <input type="email" name="email" id="email" />
    </div>

    <div class="ui-field-contain">
        <label for="password">Password:</label>
        <input type="password" name="password" id="password" />
    </div>

<button type="submit" class="ui-btn ui-shadow ui-corner-all">Update Email</button>

Answer 1

试试这个 CSS:

#current_email{
    margin-top: 0.5em;
    line-height: 20px;
}

Updated FIDDLE