Получить iframe, чтобы игнорировать другой контент

Question

Возможно, ответ на этот вопрос, но, несмотря на 20 минут поиска, я не могу его найти.

У меня есть (Embedded Google Maps), который я хочу поместить в правую часть моего содержимого div, но он продолжает вмешиваться в текст в поле. Это не позволит мне помещать текст и iframe бок о бок (но настаивает на том, чтобы положить один поверх другого).

Я пробовал несколько разновидностей выравнивания текста, плавания и прозрачности. Абсолютная позиция сортировки - правильная вещь, но оставляет коробку деформированной, и я не думаю, что это «правильный» способ сделать это.

Что касается кода, существует не так много:

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

Сначала один случается, должно быть, как второй:

Answer 1

Поплавок их бок о бок в контейнерного типа коробки

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

Посмотрите на эту скрипку; http://jsfiddle.net/wyj5tb22/2/