title: how to style writeText Javascript
body: <p>I was wondering if there is a way to style the text in the writeText tag in Javascript.
  I am trying to have the words Eyes and Blue on different lines. I also want to have one in a larger font than the other one. How can I target them individually?    </p>
  
  <pre><code>&lt;head&gt;
      &lt;script&gt;
      function writeText(txt) {
          document.getElementById("test").innerHTML = txt;
      }
  
      &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
      &lt;img src ="test.png" alt="Jacket" usemap="#test" /&gt;
      &lt;p id="test"&gt;&lt;/p&gt;
      &lt;map name="test"&gt;
          &lt;area shape="poly" coords="174,361,149,350"href=#; title="FInd" alt="Find" onmouseover="writeText('Eyes Blue')" onmouseout="writeText('')"/&gt;
  </code></pre>
  
  <p>Thanks so much</p>