如何使用html css来完成盒子与盒子之间的空格

如何使红色的位于最左边，黄色的位于最右边
并且绿色的，蓝色的和灰色的位于整体的中间
希望能讲的详细一点

margin: 0 auto;  //居中

display: flex;    //弹性盒子

margin可以满足你的要求