如何使用clear for float？

Question

我尝试使用布局，其中每个条目都包含左侧投票和右侧内容。因此，我使用float:left进行投票，.left和float:right投票的内容为.right。但它没有成功。

我认为这是一个明确的修复问题。我尝试了clear:both内容，在这种情况下它是.right，但无法做得很好。因为每个主要条目的保证金底部都没有正确坐下。

我认为这是因为清晰的修复代码不佳。

任何人都可以选择制作相同类型的布局，或者我在这里做错了什么。

.entry {
    width:80%;
    border-bottom:2px solid black;
    margin-bottom:10px;

}
.left{
    float:left;
    background-color:blue;
    width:10%;
    clear:left;
}
.right{
    float:right;
    width:90%;

}

以下是JSfiddle