代码改变世界

两个div不换行

2017-05-28 06:52  xiaokaer  阅读(2725)  评论(0)    收藏  举报

<div>
<div class="left_tit single_tit" style="float: left;" >
<em></em><span>支付方式</span>
&nbsp; &nbsp; &nbsp;
</div>

<div class="div" style="float: left;">
<input id="issueCode" name="issueCode" class="mess_input hide" type="text"/>
<input class="mess_input hide" type="button" value="获取验证码" id="getCode"/>
<em id="validate_registerinfo" class="error"></em>
</div>
</div>

注: 一个div内 嵌套两个div,设置这两个被嵌套div的style属性为"float: left;"

 

 ---------------------------------------------------------------------------

添加样式后:

<div style="margin-top: 100px;">
<div class="lala" style="float: left; margin-right: 50px;font-size: 14px;font-weight:900;font-size:large;padding-top:15px;" >
<em></em><span>支付方式</span>
</div>

<div class="div" style="float: left;">
<input id="issueCode" name="issueCode" class="mess_input hide" style="width: 122px;padding: 0;padding-left: 1px;height: 35px;" type="text"/>
<input class="mess_input hide" style="width: 136px;height: 35px;background:#56b995;font-size: 14px;color: #fff;padding-top:0;margin-left: 10px;margin-top: 1px;cursor: pointer;" value="获取验证码" id="getCode"/>
<em id="validate_registerinfo" class="error"></em>
</div>
</div>