減少浮子之間的間隙：左和float：右

我有.content-left和.content-right，其旨在分別被浮置左和右。我的問題是兩個div都設置爲width:300px，這比容器的寬度（960px）小得多。我認爲這是造成.content-left和.content-right之間的這麼大差距的原因。我的問題是 - 我如何縮小差距？在這種情況下，填充和邊距似乎不起作用。減少浮子之間的間隙：左和float：右

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 -->

gap