title: How to center a vertical image using the 'aside' tag?
body: <p>For a school assignment I need to have an 'aside' tag in my HTML list. I choose an image for this, but now the image is above the rest of the website. I would like it to be centered. My hole website is centered, so I have on both sides a white vertical space where i would like to place a vertical image using 'aside'. I just started learning HTML and CSS so I am not very good in this. This is what I have so far:<br>
  HTML: </p>
  
  <pre><code>&lt;aside&gt; 
  &lt;img id="aside" src="images/aside4.jpg" alt="aside"/&gt; 
  &lt;/aside&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#aside {
  vertical-align: text-top;}
  </code></pre>
  
  <p>this is what I see: [IMG]<a href="http://i59.tinypic.com/x24hp4.png[/IMG]" rel="nofollow">http://i59.tinypic.com/x24hp4.png[/IMG]</a></p>
  
  <p>Sorry if it does not make sense, I don't really know how to place the codes here (I am also Dutch so sorry for my bad language).</p>