複数のフローティング要素を持つコンテナ内で要素を浮動させる問題

Question

divとtime-ago divを適切に浮動させる際に問題が発生しました。前者の場合、時間の前のdivは、右端まで浮かびたいとは思わない。ここに私の現在のHTML/CSSのマークアップです：

http://jsfiddle.net/stickboyski/qCWsk/101/

何が起こっているすべてのアイデアは？

ところで、私はCSSにSASSを使用しています。

Answer 1

time-ago divの親div、.metadata clearfixには、インラインブロックの表示があります。そのため、その幅はコンテンツのサイズに過ぎません。このフォークに示すように、表示プロパティをblockに変更するか、http://jsfiddle.net/maxbeatty/KJUrL/

.metadata { 
    display: block; /* to make width 100% of container */ 
    .name { 
     float: left; 
     display: inline; 
    } 

    .time-ago { 
     float: right; 
    } 
}