请问多个span之间的内容如何对其，谢谢。

	<td class="_table_l" colspan="3"> 

						

							<span><input id="resLongitude" name="reude"  type="text" class="pext01"  hint="测试1" /></span>

						

					

							<span><input id="resLatitude" name="resLde"  type="text" class="popups_text01" hint="测试2" /></span>

							

							<div class="search_but"> <a href="#" class="_but" onclick="open()"></div>

					

							

						</td>

样式文件如下：

.search_but{ margin:10px 0 10px 115px; height:22px;}

._but{ display:block; line-height:20px; height:20px; float:left; background:url(../images/_butbg02.png) repeat-x; border:1px solid #1a67cb; padding:0 10px; margin-right:10px; color:#FFFFFF;}

._but:hover{ background-position:0 -20px; color:#FFFFFF;}

一个td 两个span 一个div
这个div有样式，请问为嘛我的就是对不齐呢，
div的内容跑到这两个text文本框的左边了，而且我把left删掉后，这个div就跑到下面一行去了，
请问怎么对其啊，谢谢。
------解决方案--------------------
div和span是有区别的，div本身带有换行，而span是没有的。
------解决方案--------------------
对齐？
你要怎么对齐呢
横竖左右

呵呵  总得说清楚把
------解决方案--------------------
div是块状元素，独占一行的。
楼主a标签没有写完整,对a标签设置左浮动我不是很明白什么意思。
最好能将整个页面显示的效果截图下来。
至于说跑到左边，你设置的不就是左浮动么？
一个元素浮动之后，就会从原来的父类中抽离出来，父类的high属性就会变小，需要清楚浮动。