如何使div的“左”和“右”看起来并列？

我知道我可以在它们上面使用float：left，这将起作用…但是在此处的第5和第6步中，那个家伙说这是可能的，不过我无法正常运作…

码：

<style>
div.left {
    background:blue;
    height:200px;
    width:300px;
}

div.right{
    background:green;
    height:300px;
    width:100px;
}

.container{
    background:black;
    height:400px;
    width:450px;
}
</style>

<div class="container">
        <div class="left">
            LEFT
        </div>
        <div class="right">
            RIGHT
        </div>
</div>