How align div to a form field?
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/
This would be a quick workaround. You should put both the
.tip div and the input into a wrapping div.