DIV 里怎么让两段文字在同一行分别居左和居右?

DIV 里怎么让两段文字在同一行分别居左和居右?如下面的文字:

·西部测图工程专家咨询委员会举行2008年度会议 2009-1-7

我想让日期靠在DIV容器的右边,新闻标题靠容器的左边~中间是空的~怎么实现?
实现的方法很多,其中一种 你看看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/答如碰/EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />清谈
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;font-size:12px;}
.box{ width:500px; height:30px;}
h3{height:30px;line-height:30px;padding-left:10px;border-bottom:1px #999 solid; position:relative; overflow:hidden;}
h3 b{display:block; position:absolute;top:0;right:0;left:300px;width:60px;height:30px;line-height:30px;color:#000}
</style>
</head>
<body>
<div class="box">
<h3>健康<b>2009.4.19</b></h3>
</div>
</body>
<橡坦/html>