jQuery验证文本对齐

Question

：http://jsfiddle.net/Kn3v5/205/

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script> 
<div> 
    <form id="everything"> 
     <label for="dd1">Select the best option</label> 
     <br/> 
     <select name="dd1" id="dd1" class="required"> 
      <option value="">None</option> 
      <option value="o1">option 1</option> 
      <option value="o2">option 2</option> 
      <option value="o3">option 3</option> 
     </select> 
     <br/> 
     <br/> 
     <input id="agreement" name="agreement" type="checkbox"><b> I accept the TOS</b> 
      <br/> 
     <input type="submit" /> 
</div> 
</form> 

我有这显示在他们的右的错误信息的多个字段。我的问题是，复选框和它的标签之间出现复选框的验证消息。

[复选框]

  [validation message] [label] 

但我想这样说：

[复选框] - [标签]

[证实消息]

我该如何实现这个目标？提前致谢！

Answer 1

这里切换讯息话题就是我一直在寻找 http://jsfiddle.net/Kn3v5/223/

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script> 
<div> 
    <form id="everything"> 
     <label for="dd1">Select the best option</label> 
     <br/> 
     <select name="dd1" id="dd1" class="required"> 
      <option value="">None</option> 
      <option value="o1">option 1</option> 
      <option value="o2">option 2</option> 
      <option value="o3">option 3</option> 
     </select> 
     <br/><br/> 
     <label for='agreement'>I accept the TOS</label> 
     <input id="agreement" name="agreement" type="checkbox" style='float:left' /> 
     <br/> 
     <div id="everything2"></div> 
     <input type="submit" /> 
    </form> 
</div> 

Answer 2

Fiddle加浮动：左的复选框，并在文本框中

<label for='agreement'> I accept the TOS</label> 
    <input id="agreement" name="agreement" type="checkbox" style = 'float:left' /> 

     <br/> 
    <input type="submit" />