How align div to a form field?

Tags: html,css,forms,alignment,field

Problem :

Currently I have the following HTML code.

            <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>

However, I want the text in the div element (class = 'tip') to be aligned with the start of the form's text field. How should I do this using HTML and CSS?

Here's what is looks like now: http://jsfiddle.net/pEJMD/embedded/result/

---

Solution :

This would be a quick workaround. You should put both the .tip div and the input into a wrapping div.