html - 如何将 div 与表单域对齐？

Question

目前我有以下 HTML 代码。

            <div class="field">
            <label>E-mail address: </label>
            <input type="text" id="email" name='email' style="width:200px;"></input>
            <span class='warning' id="emailWarning" > </span>
            <div class="tip" id="emailTip"></div>

        </div>

但是，我希望 div 元素 (class = 'tip') 中的文本与表单文本字段的开头对齐。 我应该如何使用 HTML 和 CSS 执行此操作？

这是现在的样子: http://jsfiddle.net/pEJMD/embedded/result/

Answer 1

This将是一个快速的解决方法。您应该将 .tip div 和输入都放入包装 div 中。