减少float：left和float：right之间的差距

Question

我有.content-left和.content-right，它们分别是左右浮动的。我的问题是两个div都设置为width:300px，这远小于容器的宽度（960px）。我认为这是导致.content-left和.content-right之间如此巨大差距的原因。我的问题是 - 如何缩小差距？在这种情况下，负填充和边距似乎不起作用。

CSS：

#container {
    margin: 0 auto;
    width: 960px;
}

.content-left {
    float: left;
    width: 300px;
}

.content-right {
    float: right;
    width: 300px;
}

HTML：

<div id="container">
    <h1>Heading.</h1>
    <div class="content-left">
        //left side content
    </div><!-- end content-left -->
    <div class="content-right">
        //right side content
    </div><!-- end content-right -->
</div><!-- end container -->