html – css：50％宽度div之间的20px gutter

我有一个100％宽度的容器div,里面有2个.block div,宽度均为50％,显示内联块并向左浮动.在这些div之间是否可以拥有一致的20px排水沟？
我尝试了一种简单的方法,将它们的宽度设置为49％,并在左侧设置2％的右边距,但理想情况下,如果可能的话,我希望在这两个div之间保持一致的20px排水沟.jsFiddle demo： http://jsfiddle.net/D6U3t/
HTML：

<div class="container">
    <div class="block"></div>
    <div class="block"></div>
</div>

CSS：

.container {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 300px;
    background-color: silver;
}

.block {
    position: relative;
    width: 50%; height: 200px;
    background-color: red;
    display: inline-block;
    float: left;
}

任何建议将不胜感激！