在HTML中，如何控制CSS使两个元素居中靠拢但是又保持一定距离？

<style>
.div1{width:500px;height:250px;margin:0 auto;}
.a,.b{float:left;}
.a{width:250px;height:250px;margin-right:50px;background:#f00}
.b{width:200px;height:250px;background:#0f0}
</style>
<div class="div1">
<div class="a"></div>
<div class="b"></div>
</div>

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/jyv3erxfy23j2fyjf3.html