Html 如何在流体分区和固定分区之间留出空间

我有一个代码，它在固定div旁边做一个流体div

我怎样才能在它们之间留出10px的余量

<div id="wrapper" style="width: 100%">
<div id="left" style="background-color: Blue; height: 100px; float: right; width: 200px;margin-left:10px;"></div>
<div id="right" style="background-color: #5a71e5; height: 100px; margin-right: 200px;"></div>

---

jsiddle:

要么减少右div的

宽度，要么增加左div的
右边距。在下面的示例中，我增加了右边的
边距

<div id="wrapper" style="width: 100%">
<div id="left" style="background-color: Blue; height: 100px; float: right; width: 200px;margin-left:10px;"></div>
<div id="right" style="background-color: #5a71e5; height: 100px; margin-right: 210px;">
</div>


这个怎么办：

#right {
    background-color: #5a71e5;
    height: 100px; 
    margin-right: 220px;
}

将来，尝试将html和css分开，使其更易于阅读。这里有一个替代html的选项。警告：
实际上显示在右侧，带有
float:right
。