<html>
<head>
     <title>Div example</title>
<script type="text/javascript" >  
function insertFrame() {
    var y = document.getElementById('framediv');
    var x = window.frames[0].document.body.innerHTML;
    y.innerHTML = x;
}   

window.onload=insertFrame;
</script>

<style type="text/css"> 
.clear{
  clear: left;
}

.container {
  width: 490px;
  padding: 10px;
  border: 1px solid;
}

.left {
  float: left;
  width: 220px;
  padding: 10px;
  border: 1px solid;
}
</style>
</head>
<body>
<div class="container">
  <div class="clear"></div>
  
  <div class="left">
        Adipiscuntur amicos assidua dixisset dubio effici expetenda futuris 
        luctus macedonum pretium torquem vim virtus. Audire consuevit depulsa 
        dicant eoque, ipsarum minime natum necessitatibus.
        Adolescens adversantur deserere eosdem quaestionem severitatem temperantiamque 
        turbulentaeque vivamus. Diligenter doctrina ignaviamque suspicio. 
        Dissidens incommoda lineam memoria optimus, putamus sciscat 
        sociosqu suscepi utinam vidit. 
  </div>
  
  <div class="left">
    <div id="framediv">
        <iframe src="demo_iframe_2.html" frameborder="no" scrolling="no"></iframe>
    </div>
  </div>
  <div class="clear"></div>
</div>
</body>
</html>