Javascript 单选按钮的错误消息对齐

Javascript 单选按钮的错误消息对齐,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要修复单选按钮的验证错误 例如:单选按钮-上传和单选按钮-嵌入 在这种情况下,单选按钮和内容上传之间会出现错误消息。但我不想这样,实际上我需要的错误消息应该在内容上传后进来 我该如何解决这个问题 <form class="admin_forms" id="video_form" action="" method="post"> <div class="hv_details row-fluid"> <div class="span2">

我需要修复单选按钮的验证错误

例如:单选按钮-上传和单选按钮-嵌入

在这种情况下,单选按钮和内容上传之间会出现错误消息。但我不想这样,实际上我需要的错误消息应该在内容上传后进来

我该如何解决这个问题

    <form class="admin_forms" id="video_form" action="" method="post">
   <div class="hv_details row-fluid">
     <div class="span2">Select Video Type<span class="star">*</span></div>
     <label class="checkbox">
     <input id="radio_1" type="radio" name="radio_group_1" value="upload">
      Upload a Video</input></label>
       <label class="checkbox">
       <input id="radio_2" type="radio" name="radio_group_1" value="embed">
      Youtube embeded code</input>
        </label>
        </div>
      </form>

 <script>
   $("#video_form").validate({

           rules: { 
             radio_group_1:"required",
          },
           message:{
            radio_group_1:"Please Select Video Type",
          }


 </script>

选择视频类型*
上传视频
嵌入代码
$(“#视频表格”)。验证({
规则:{
无线电组1:“必需”,
},
信息:{
收音机组1:“请选择视频类型”,
}
我尝试了位置:绝对,但对于反应灵敏的站点,它固定在位置上,没有反应灵敏

提前感谢。

您可以使用或

例如:

<div id="main">
  <div class="inner"></div>
  <p>Hello</p>
</div>
这会将
p
切换到内部div

<div id="main">
  <div class="inner"><p>Hello</p></div>
</div>

你好


提供一些代码以帮助您。请将您的代码与您的question@Lal添加了Ronak代码
<div id="main">
  <div class="inner"><p>Hello</p></div>
</div>