title: How can I make an iFrame next to another iFrame?
body: <p>Currently the way the code works is that it places the iFrame on the bottom on the bottom. I want the last two iFrames to be next to each other so that one can hold, lets say a menu and the other can hold another web page. They would need to be adjacent to each other. That is side by side (no pun intended)</p>
  
  <p>Someone suggested float : left. I tried this and it did float left but it floated the iFrame above it one to the left and not the current iFrame.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;iframe src="http://www.w3schools.com" width="600" height="200"&gt;
    &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
  &lt;/iframe&gt;
  
  &lt;iframe src="http://www.w3schools.com" width="200" height="500"&gt;
    &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
  &lt;/iframe&gt;
  
  //I want this right next to the second iframe that is 400 width
  //which would fill the rest of the screen
  
  &lt;iframe src="http://www.w3schools.com" width="400" height="500"&gt;
    &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
  &lt;/iframe&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>New Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;iframe src="http://www.w3schools.com" width="600" height="200"&gt;
    &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
  &lt;/iframe&gt;
  
  &lt;iframe src="http://www.w3schools.com" width="200" height="500"&gt;
    &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
  &lt;/iframe&gt;
  
  //I want this right next to the second iframe that is 400 width
  //which would fill the rest of the screen
  
  &lt;iframe src="http://www.w3schools.com" width="400" height="500" float : right&gt;
    &lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
  &lt;/iframe&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>