如何在弹性项目之间添加空格（如装订线）？

Question

我的网页中有两个元素，比如：

.host {
  display: flex;
  justify-content: spece-between;
}

.left {
  width: 300px;
  margin-bottom: 20px;
}

.right {
  width: 300px;
}

<div class='host'>
  <div class='left'></div>
  <div class='right'></div>
</div>

当主机div足够宽时，这会将左div和右div放在同一行。如果主机div的宽度小于600px，则将其换行。

问题是我想在左右div之间添加一个边距，否则当主机的宽度精确为600px时，两者之间就没有空格。

我不能在左边的div上简单地添加一个margin-right，因为当行被换行时，这会使两个元素具有不同的宽度。

是否有一些优雅的解决方案来实现这一目标？

谢谢！