如何设置css使两个文本框显示在同一行？

1、使用display的inline属性，代码如下。

2、通过设置float来让Div并排显示，代码如下。

3、、对于两个div并排，左边为绝对宽度，右边为相对宽度的，需要用到这种布局的情况比较多见，如左边为导航，右边为内容的页面。代码如下。

4、然后这样就可以实现设置css使两个文本框显示在同一行了。

关于你说的情况。我建议这样解决。一是，你可以按照前几楼的方法，把两个里层div都设置为float:left，然后第二个加上margin-left的属性，你想隔开，就把值设置多大。但记得注意浏览器兼容的问题，以及边框的大小。二是，照样设置两个div，在第二个div中，再加入一个div，然后你就可以设置其为右浮动了，同样，注意宽度问题。三是，你加入的内容一定要放在div里面吗？一般不建议将整个层右浮动，如果你是往这两个div里面加，你可以用li来布局，然后将其一个设置为左浮动一个设置为右浮动。如果你加的全是文字，用什么标签都行了，例如span或者p（记得先将p的默认margin和padding设置为0）。你试试，看行不行。

没太懂你的代码和问题。但是，如果你想让div标签和其它标签在同一行显示的话，你应该这样，先设置好div标签的宽度，保证他们满足一行显示，然后再设置左侧div向左浮动。例如：
<div id="left">
</div>
<div id="right"></div>
样式表如下：
#left{width:300px;height:20px;background:#f0f;float:left;}
#right{width:500px;height:20px;background:#fff;float:}
试试吧。不知道回答的对不对。但愿对你有帮助。

左边3个div放在一个div中，右边2个也放入一个div中，粘贴看效果
<div style="width:950px; height:480px;">
<div style="width:192px;float:left;">
<div style="width:190px; height:160px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
<div style="width:190px; height:200px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
<div style="width:190px; height:75px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
</div>
<div style="width:750px; float:right;">
<div style="width:750px; height:250px; background-color:#000; margin:5px 0 0 0; " > </div>
<div style="width:750px; height:200px; background-color:#000; margin:5px 0;"> </div>
</div>
</div>

给这两个DIV设定一个宽度，然后定义float:left; display:inline;
例如HTML是这样：
<div class="container">
<div class="box">121212</div>
<div class="box">455656</div>
</div>
在css里面要让两个class为box的DIV并排时只要这样定义即可
box {width:50%; float:left; display:inline;}
另外，说明一下，display:inline 是可以不加的，不过有时会在某些浏览器里面出现兼容问题，一般还是加上好一点。

<div style="width: 100%;">
<div style="float:left; width: 40%; border:1px solid red;"></div>
<div style="float:left; width: 40%; border:1px solid red;"></div>
</div>
通过左浮动， 可以让两个div在同一行
前提是宽度足够。不然会被挤到下面的

1、新建一个html页面，用于实现多个div显示在同一行上。

2、在html代码页面上写两个div标签，并分别给这个两个div标签添加class类，类名分别为：one，two。如下图所示：

3、创建div标签后开始设置两个div的样式，把样式写在style标签里面。css样式代码如下图所示：

4、设置好class类属性后，保存html代码，在浏览器打开html页面，会看到多个div同时并列显示了。

当然，针对div的并列显示方法有多种，这里提供的是一种普通的方法。

---