title: How to put an icon right next to an h1 text?
body: <p>I am trying to put an icon right near my h1 text, to the left of it. The h1 that says "Creative Writing" is the one I am targeting. I want the icon lined up with the h1 "creative writing".</p>
  
  <p>Jsfiddle: <a href="http://jsfiddle.net/g1qtq58y/" rel="nofollow">http://jsfiddle.net/g1qtq58y/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;section id="main_sectiontwo"&gt;
      &lt;h1&gt;Creative Writing&lt;/h1&gt;
      &lt;article&gt;
          &lt;header&gt;
              &lt;h1&gt;SESSION I (Writing for the Stage)&lt;/h1&gt;&lt;br/&gt;
          &lt;/header&gt;
          &lt;p&gt;Whether a play or a musical, writing for the stage brings with it a unique set of challenges. Your script must not only have the story but also dialog, stage direction and a general sense of what is possible in a Theatre. Find out from someone who knows how it's done.&lt;/p&gt;
          &lt;p&gt;Presenter: Bill Wright&lt;/p&gt;
      &lt;/article&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#main_sectiontwo article{
  width:450px;
  }
  
  #main_sectiontwo{
  height:1000px;
  }
  
  #main_sectiontwo article header{
  color:#2754a2;
  font-family:helvetica;
  }
  
  #main_sectiontwo article p{
  font-family:arial;
  }
  </code></pre>