title: How to change font-size of embed text
body: <p>I have the following code in my html document:</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;embed src="https://www.w3.org/TR/PNG/iso_8859-1.txt" style="width:100%; height: 100%;font-size:1.2em"&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Above code grabs a <code>txt</code> file locally, then display its contents in html. The problem is that I am unable to change the font size. Here is what I have tried</p>
  <ul>
  <li>wrapping (i.e., <code>&lt;p&gt;&lt;embed src=&quot;...&quot;&gt;&lt;/p&gt;</code>) and defining a css attribute for the wrapper.</li>
  <li>defining inner style (i.e., <code>&lt;embed style=&quot;font-size:1.2em&quot;&gt;</code></li>
  <li>defining css for embed (i.e., <code>embed { font-size: 1.2em }</code>)</li>
  </ul>
  <p>None of these work. Please help?</p>