我有以下 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 之外
最佳答案
如果可以修改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 }
关于html - 如何将此跨度对齐到 div 的右侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5067279/