css怎么处理一行文字，一部分左对齐，一部分右边对齐？

Question

比如：  
---
这是一条新闻       ----若干空格----                                 2013-05-1
---

用text-align，会换行，用inline-block就不右对齐了。

一般怎么处理左右对齐的？

Answer 1

可以这样

<p class="title">title name<span class="title__date">date</span></p>

.title { /* 你想要的样式 */ }
.title__date { float:right; _position:relative; }

Answer 2

方法1：

<div><div style="float: left;">这是一条新闻</div><div style="float: right">2013-05-1</div><div style="clear: both;"></div></div>

方法2：

<div style="position: relative;"><div>这是一条新闻</div><div style="position: absolute; right: 0px; top: 0px;">2013-05-1</div></div>

方法3(IE下可能无效，当然你也可以直接上table)：

<div style="display: table; width: 100%;"><div style="display: table-cell;">这是一条新闻</div><div style="display: table-cell; text-align: right;">2013-05-1</div></div>