我有以下 HTML:
<div class="title"> <span>Cumulative performance</span> <span>20/02/2011</span> </div>
使用这个 CSS:
.title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; }
如果你检查这个 jsFiddle:http: //jsfiddle.net/8JwhZ/
您可以看到名称和日期粘在一起。有没有办法让日期对齐到右边?我已经尝试float: right;过第二个<span>,但它搞砸了风格,并将日期推到了封闭的 div 之外
float: right;
<span>
如果可以修改 HTML:http: //jsfiddle.net/8JwhZ/3/
<div class="title"> <span class="name">Cumulative performance</span> <span class="date">20/02/2011</span> </div> .title .date { float:right } .title .name { float:left }