Question

我有一段代码如下：

<div id="my_reg_id" class="form-group col-xs-12 col-lg-4 col-sm-8 col-md-8" style="margin-bottom: -20px;">

<label id="lbl_my_reg_id" class="error_lbl control-label" for="txtRegId"></label>

<input id="txtRegId" class="form-control hint_sel" type="text" name="txtRegId" value="" maxlength="20" placeholder="*My Reg id ">

<span id="errmsg_my_reg_id" class="help-block error hidden-all" style="line-height:17px"></span>

<span id="instr_my_reg_id" class="help-block " style="">
<a class="font-size-12 sm-padding-l-3p sm-line-height-3 padding-a-5 js-p6-forgotID" href="#">Forgot Reg ID?</a></span>

</div>

现在我希望span id instr_my_reg_id和输入id txtRegId在同一行中，但在我的情况下，输入元素是一行，span元素是在下一行线。

我该怎么做才能纠正这个问题？

PS：我尝试在包装器div中使用inline-block作为样式但是没有用。

Answer 1

使用css

float:left;

所有元素。你想以线性方式对齐

<input style='float:left'/>
<span style='float:left'>....</span>

如何在同一行/行的div中保持跨度和输入？

1 个答案: