三个div并排放置

我正在尝试并排放置三个div，中间的div之间有间距。

这是我需要的图像：

这是我当前的代码：

<style>
  .box {
    float: left;
    width: 33%;
    background-color: red;
    text-align: center;
    color: #fff;
  }
</style>

<div class="box">Div 1</div>
<div class="box">Div 2</div>
<div class="box">Div 3</div>

我当前代码的问题在于，它在div 1和2以及div 2和3的中间没有我需要的间距。