右对齐跨度问题

Question

所以我有一组需要右对齐的跨度，我使用float:right工作。但是，当我尝试在这些跨度中使用多个div时，它们最终都在同一行中。如何通过div对齐跨度？这是一个小提琴http://jsfiddle.net/1715mk0y/

.roption{
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 15px;
    border-radius: 25px;
    font-weight: lighter;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    float:right;  
}

Answer 1

请参阅此fiddle

我添加了div之类的

<div class="clearfix"></div>

在每个浮动的div之后，使用

清除分配给div的浮动属性

clear:both;

在docs

中更多地了解它

<强>更新

如果你想在同一行显示任何div，那么请不要在它们之前添加clearfix div。参见更新后的fiddle