HTML5左右两个文本框对齐如图所示按钮也要，求代码，急求，谢谢各位大神！！！

图片说明

http://www.jq22.com/jquery-info8803
http://www.jq22.com/jquery-info15984
http://www.jq22.com/jquery-info4188
http://www.jq22.com/jquery-info10516

select多选option左右上下移动示例

1、设置浮动；
2、放table或者dl里；
3、做定位

<!DOCTYPE html>

Document

<br> #main{<br> height:auto;<br> width:490px;<br> border:0px solid gray;<br> margin:0 auto;<br> overflow:hidden;<br> }</p> <pre><code> #left{width:33%;height;100%;text-align:left;float:left;} #middle{width:33%;height:100%;text-align:center;float:left;} #right{width:33%;height:100%;text-align:left;float:left;} </style> </code></pre> <p></head><br> <body></p> <div id="main"> <div id="left"> <textarea name="" rows="20" cols="20">AAAAAA
BBBBBB
CCCCCCC</textarea> </div> <div id="middle"> <br><br><br> <p><button type="">添加权限</button></p> <p><button type="">移除权限</button></p> </div> <div id="right"> <textarea name="" rows="20" cols="20">DDDDDD
</textarea> </div> </div> <p></body><br> </html></p> <pre><code> </code></pre>

首先设置3个大小一模一样的div，然后第二个和第三个 div设置浮动左浮动，然后这是相关的 div里面相应的内容，只要div大小一致，左右两边的对其方式可以不设置了，中间的div，设置居中就行了