Text, iframe und Buttons in selbe Zeile sowie Größe des iframe = deren Inhalt

Mahlzeit,


ich suche eine Möglichkeit nachfolgenden Inhalt( Text, iframe, buttons) in eine Zeile zu legen ohne JavaScript zu benutzen. Leider funktioniert die Vorlage des "elestic-frame" nicht so wie sie soll.


Im iframe wird einfach nur eine Seite mit Text "HALLO WELT!" aufgerufen und je nach Schriftgröße soll sich das iframe an den neuen Text anpassen!

<style>
.elastic-frame {
position: relative;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.elastic-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>


<div style="border:1px solid black" padding: 5px 20px 5px 20px;">

    <div style="float: left;">
        <p style="font-size: 30px; font-family: Coolvetica; font-weight: bold; margin: 0px; display: inline;">TEST</p>
    </div>

    <div class="elastic-frame"><iframe src="world.php" frameborder="0"></iframe></div>

    <div style="float: left;">
        <INPUT type="submit" id="submit" value="one">
        <INPUT type="submit" id="submit" value="two">
    </div>

    <div style="float: right;">
        <INPUT type="submit" id="submit" value="last">
    </div>

</div>