У меня есть следующий 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