请问个简单的html排版问题？
例子：字段：文本框
实现上面的“字段：文本框”同在一行；
字段实现左对齐，文本框实现右对齐；
请问这怎样实现，用html后css。
谢谢


------解决方案--------------------
<style>
.main{width:500px}
.the_left{width:200px;float:left;text-align:left;padding:0px 0px 0px 0px;}
.the_right{width:300px;float:left;text-align:right;padding:0px 0px 0px 0px;}
</style>

根据需要自己更改各px值。
<div class= "main ">
<div class= "the_left "> 字段： </div>
<div class= "the_right "> 文本框 </div>
</div>