用div+css写如图所示代码, 网页设计在顶部左边，而编辑在顶部的右边，下面还有一条分段线？请问如何写？

test div.main{width:400px; height:200px; border:1px solid #CCC} div.title{border-bottom:1px solid #CCC; padding:10px; font:14px Tahoma, Geneva, sans-serif; clear:both; overflow:hidden} .right{float:right;} 网页设计 这个可以吗？