title: How can I move my image vertically up?
body: <p>I have a logo on my site. Just about the first thing there is. But it's pretty far down. I wanted to know how I can move it down. The website currently looks like this: <a href="http://i.gyazo.com/29b9116903051e82640f63b7a1a14464.png" rel="nofollow">http://i.gyazo.com/29b9116903051e82640f63b7a1a14464.png</a></p>
  
  <p>As you can see the logo is pretty far down and not near the top. The current code I have for the header (which has logo in it) is this:</p>
  
  <pre><code>&lt;div id="header"&gt;
              &lt;img src="images/Logo.png" alt="" height="150" style="left: 0px; top: 0px" width="150" /&gt;
              &lt;h1&gt;Hey there! I'm Mario!&lt;/h1&gt;
              &lt;p&gt; &lt;h2&gt;  AKA IridiumKills &lt;/h2&gt; &lt;/p&gt;
              &lt;p&gt;I'm a Coder, Gamer, DJ, Music Producer, and Designer!&lt;/a&gt;
              &lt;br /&gt;
              Now that you know a bit about me,why don't you scroll down to see some more?&lt;/p&gt;
              &lt;p&gt; &lt;span class="logo fa fa-arrow-down"&gt; &lt;/span&gt; &lt;/p&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>This seemed to fix my problem:</p>
  
  <pre><code>        &lt;!-- Header --&gt;
          &lt;div id="header"&gt;
              &lt;img src="images/Logo.png" alt="" height="225" style="position:absolute;left:565px; top:40px;" width="225" /&gt;
              &lt;h1&gt;Hey there! I'm Mario!&lt;/h1&gt;
              &lt;p&gt; &lt;h2&gt;  AKA IridiumKills &lt;/h2&gt; &lt;/p&gt;
              &lt;p&gt;I'm a Coder, Gamer, DJ, Music Producer, and Designer!&lt;/a&gt;
              &lt;br /&gt;
              Now that you know a bit about me,why don't you scroll down to see some more?&lt;/p&gt;
              &lt;p&gt; &lt;span class="logo fa fa-arrow-down"&gt; &lt;/span&gt; &lt;/p&gt;
          &lt;/div&gt;
  </code></pre>