title: Iframe width and Height values
body: <p>I have copy the code directly from the Site about my iframe which placed directly to my code.However when created a class <em>iframe</em> seems it doesn't read the values from the Class created on CSS but it bring its own size from the code that was bring with it along when i paste it directly to my code.
  How can i re-size my Iframe so that it  can ready directly from the class(CSS)..I have deleted and remove the Height and width and set the size from its class it does not do the changes</p>
  
  <p>This is my iframe code</p>
  
  <pre><code>      &lt;div class="iframe"&gt;
  
              &lt;iframe src="https://sway.com/s/3HuzZFFkT18WUe4M/embed" width="100%" marginwidth="0" height="100px" marginheight="0" scrolling="no" frameborder="no" class="iframee" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen
  mozallowfullscreen msallowfullscreen&gt;&lt;/iframe&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>my CSS - This width and height have no effects to the code</p>
  
  <pre><code>.iframe {
      height: 100px;
      width: 600px;
      margin-left:auto;
      margin-right:auto;
  
      }
  </code></pre>