html - CSSで4つの並列DIVを設定するには?

Question

チュートリアルを検索しましたが、3 つの並列 div を設定する方法しか示していません。

このコードを変更して、4 つの並列 div を配置することは可能ですか?

<div style="width:90%;border:1px solid #000;">
    <div style="float:left; width:33.3%; background:#aaa;">one</div>
    <div style="float:left; width:33.3%; background:#bbb;">two</div>
    <div style="float:left; width:33.4%; background:#ccc;">three</div>
<div style="clear:both;"></div>