html span标签漂浮,请教怎么让span浮在input上面

请问如何让span浮在input上面。

请看下面代码：

CausesValidation="false" οncοntextmenu="window.event.returnValue=false">

οncοntextmenu="window.event.returnValue=false">abcd

本来的效果是input这个标签会浮在input的右端，就是input不会遮住span。但我在页头加了

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这段代码后，span就跑到input下面去了，请问要怎么将span浮在input上面呢？

------解决方案--------------------

你可能考虑如下的实现方式

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

.box{border:solid 1px #ccc;width:300px;height:30px;}

.box .text{width:250px;float:left;border:none;background:none;height:100%;line-height:30px;}

.box .float{width:50px;background:#9C0;color:#fff;height:100%;line-height:30px; text-align:center;float:left;}

测试

------解决方案--------------------

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

.box{width:300px;height:30px; position:relative;}

.box .text{width:248px;float:left;border:none;background:none;height:100%;line-height:30px;border:solid 1px #ccc;}

.box .float{width:50px;background:#9C0;color:#fff;height:100%;line-height:30px; text-align:center;float:left;position:relative; top:2px;left:-50px;}

测试