Estoy tratando de tener tres divs uno al lado del otro con un espacio entre los div en el medio.

Aquí está la imagen de lo que necesito:

Aquí está mi código actual:

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

El problema con mi código actual es que no tiene el espacio que necesito en el medio de div 1 y 2, y div 2 y 3.