比如:
---
这是一条新闻 ----若干空格---- 2013-05-1
---
用text-align,会换行,用inline-block就不右对齐了。
一般怎么处理左右对齐的?
方法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>
可以这样
<p class="title">title name<span class="title__date">date</span></p>
.title { /* 你想要的样式 */ }
.title__date { float:right; _position:relative; }