1、使用display的inline属性，代码如下。
2、通过设置float来让Div并排显示，代码如下。
3、、对于两个div并排，左边为绝对宽度，右边为相对宽度的，需要用到这种布局的情况比较多见，如左边为导航，右边为内容的页面。代码如下。
4、然后这样就可以实现设置css使两个文本框显示在同一行了。
第一种方法：<input type="text" value="这里是默认字" />
第二种方法：
<input type="text" placeholder="这里是默认字" />
placeholder属性是css3新增加的，IE低版本浏览器（IE6、7、8）不支持。
在js中加个if判断就行，不过这个座标还是基于window。
js代码:<script language="javascript">
function tips(id,str){
var l=document.getElementById(id).offsetLeft+150
var t=document.getElementById(id).offsetTop
if(document.getElementById(id).id=='password'){
t+=23
}
document.getElementById("tips").innerHTML="提示："+str
document.getElementById("tips").style.left=l+"px"
document.getElementById("tips").style.top=t+"px"
document.getElementById("tips").style.display=""
}
function outtips(){
document.getElementById("tips").style.display='none'
}
</script>
效果：
