html - 右揃えのCSSの間違った順序

Question

次の HTML を検討してください。li最初のアイテムを左に、最後の 2 つを右に揃えたい。ただし、右揃えを最後の 2 つに設定すると、中央liが最も右側に配置され、最も右側liが中央に配置されます。この順序を修正するにはどうすればよいですか?

HTML:

<ul>
    <li class="one">left</li>
    <li class="two">right</li>
    <li class="three">right last</li>
</ul>

CSS:

ul{
    width: 100%;
    overflow: hidden;
}

ul li{
    float: left;
}

ul li.two,
ul li.three{
    float: right
}

Answer 1

で定義したスタイルにカンマがありません"float: right"。そのはず"float:right;"

これを試して

ul{
    width: 100%;
    overflow: hidden;
}

ul li{
    float: right;
    display: block;
    clear: both;
}

ul li.one{
    float: left;
}

問題が解決しない場合はお知らせください。