title: Specify frame size of the embed window Google Sites for HTML highlighted syntax
body: <p>I am trying to display code examples in a Google Sites page. When I paste the HTML code using the built-in embed function, it is displayed in a "large" window and I cannot find a way to make it smaller.   The only way I can think is to specify the exact measure using the  tag, however, I do not know how to make it work with the original highlighted code, which is shown below: </p>
  
  <pre><code>&lt;!-- HTML generated using hilite.me --&gt;&lt;div style="background: #f8f8f8; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;pre style="margin: 0; line-height: 125%"&gt;1&lt;/pre&gt;&lt;/td&gt;&lt;td&gt;&lt;pre style="margin: 0; line-height: 125%"&gt;print &lt;span style="color: #BA2121"&gt;&amp;#39;hello world!&amp;#39;&lt;/span&gt;
  </code></pre>
  
  <p></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- HTML generated using hilite.me --&gt;&lt;div style="background: #f8f8f8; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;pre style="margin: 0; line-height: 125%"&gt;1&lt;/pre&gt;&lt;/td&gt;&lt;td&gt;&lt;pre style="margin: 0; line-height: 125%"&gt;print &lt;span style="color: #BA2121"&gt;&amp;#39;hello world!&amp;#39;&lt;/span&gt;
  &lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>So, how can I specify dimensions of a highlighted syntax code? </p>