获取iframe以忽略其他内容

Question

这个可能有一个答案，但是尽管有20分钟的搜索我找不到它。

我有一个<iframe>（嵌入式Google地图），我希望将其放在内容div的右侧，但它会继续干扰框中的文字。它不允许我并排放置文本和iframe（但坚持将一个放在另一个之上）。

我尝试了多种文本对齐，浮动和清除。绝对的位置排序正确的事情，但让盒子变形，我不认为这是“正确”的方式。

至于代码，没有多少：

<div>
<iframe>
<h1>Header</h1>
Lorem Ipsum
</div>

第一个发生，应该像第二个：

Answer 1

将它们并排放在容器型盒子中

.inner-box {
    width: 50%;
    float:left;
}

看看这个小提琴; http://jsfiddle.net/wyj5tb22/2/