Iframe in Table

by officeninjas

HTML

<div class="row-container">
  <div class="first-row">
    <p>Some text</p>
  </div>
  <div class="second-row">
    <iframe src="https://officeninjas.com"></iframe>
  </div>
</div>

CSS

body, html, .row-container, .second-row, iframe {
  width: 100%; height: 100%; margin: 0; padding: 0
}  
.row-container {display: table; 
  /* empty-cells: show; */
  /* border-collapse: collapse;*/
 }
.first-row {display: table-row; 
  /* overflow: auto;*/
}
.second-row {display: table-row; 
  /* overflow: hidden */
}
  
iframe {border: none; display: block;}