当一个有边距自动时如何并排对齐两个div

Question

我想要一个 div 必须margin: auto将它浮动到页面的中心。此页面还有一个缩放功能，可以放大该元素，我希望min-margin-left该元素上有一个。

我尝试创建一个具有固定宽度的新元素，但是当我float: left在这两个元素上使用时，它不起作用，并且具有固定宽度（蓝色）的一个浮动在另一个元素的顶部。

此外，已经提出的问题不涉及 a margin: auto，关于 min-margin 的问题不涉及两个元素。

.papertextfield {
  width: 820px;
  margin: 20px auto;
  height: 1000px;
  border: none;
  display: inline-block;
  padding: 75px;
  background-color: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

<div style="background-color: blue; height: 1000px; display: inline-block; width: 50px;"></div>
<iframe name="textfield" id="textareathingy" class="papertextfield"></iframe>